颜色工具
在线颜色转换器 | RGB、HEX、HSL、HSV、CMYK 同步转换
免费的在线颜色转换工具，支持 RGB、RGBA、HEX、HSL、HSLA、HSV、HSVA、CMYK 和 CMYKA。编辑任意一种格式，其它颜色值会立即同步更新。
实时同步无需上传
颜色预览
使用预览色块、系统取色器和透明度滑杆，在所有颜色格式之间精确调整同一个颜色。
当前预览颜色
#3B82F6
rgba(59, 130, 246, 0.84)
颜色选择器
#3B82F6
透明度
0.8401
实时通道
HEX- R
- 59
- G
- 130
- B
- 246
- A
- 0.84
编辑提示
如果你输入时某个字段暂时无效，工具会保留上一次有效颜色。只要把当前值补充完整，其他格式就会再次自动同步。
实时同步无需上传
双向颜色格式编辑器
下面所有格式都可以直接编辑。修改 HEX、RGB、RGBA、HSL、HSLA、HSV、HSVA、CMYK 或 CMYKA 后，其余颜色模型会立刻同步。
RGB
RGBA
HSL
HSLA
HSV
HSVA
CMYK
CMYKA
说明
说明
RGB
RGB 是一种工业标准色彩模型，由红（R）、绿（G）、蓝（B）三个颜色通道组成。通过调整三个通道的强度并相互叠加，RGB 可以表示屏幕上绝大多数颜色，也是数字设备中最常见的颜色系统之一。
RGBA
RGBA 是在 RGB 基础上加入 Alpha 透明度通道的格式。R、G、B 的取值范围通常是 0 到 255，A 一般使用 0 到 1 或 0% 到 100%，常用于 CSS 中需要控制透明度的颜色。
HEX
HEX 是用十六进制表示颜色的方式，在网页设计和 CSS 中非常常见，因为它简洁且便于复制。标准的 HEX 颜色如 #2E8B57 会用十六进制成对表示红、绿、蓝，扩展格式还可以包含透明度。
HSL
HSL（色相、饱和度、亮度）是在圆柱坐标系中表示 RGB 颜色的方法。H 表示颜色类别，S 表示颜色纯度，数值越高越鲜艳，L 表示明暗程度，0% 最暗，50% 居中，100% 最亮。
HSLA
HSLA 是带透明度通道的 HSL。它保留色相、饱和度和亮度的表达方式，同时加入 Alpha，因此很适合阴影、半透明填充、遮罩和界面状态色。
HSV
HSV（色相、饱和度、明度）是 A. R. Smith 于 1978 年提出的一种颜色空间，也称六角锥模型。由于 V 直接表示颜色看起来有多亮，因此它常用于更直观的选色场景。
HSVA
HSVA 是在 HSV 基础上加入 Alpha 的格式，适合在使用色相、饱和度、明度选色逻辑的同时，还需要描述透明度的界面和图形设计场景。
CMYK
CMYK 是印刷领域常用的色彩模式。印刷品依靠外界光线照射后反射到人眼中才能被看见，因此它适合纸张、包装和宣传物料等场景。与屏幕使用的 RGB 不同，CMYK 是为油墨叠印而设计的。
CMYKA
CMYKA 在 CMYK 的基础上增加了 Alpha 透明度通道，适合在设计交接、分层素材或同时面向印刷与数字场景的流程中描述颜色和透明度。
如何使用在线颜色转换器
01
在任意一个格式输入框中粘贴或输入颜色值，例如 HEX、RGB、RGBA、HSL、HSV 或 CMYK。
02
当输入值合法后，工具会自动将其转换为所有其他受支持的颜色格式。
03
使用预览面板、取色器、透明度滑杆和复制按钮，微调并导出你需要的准确颜色。
核心功能
双向格式同步
修改任意一种受支持的格式，RGB、RGBA、HEX、HSL、HSLA、HSV、HSVA、CMYK 和 CMYKA 都会实时保持同步。
可视化颜色控制
通过实时色块、浏览器取色器、透明度滑杆和通道读数，立即查看当前颜色。
浏览器端转换
每个输入框都支持常见的函数语法，所有转换都在浏览器端完成，速度快且更私密。
颜色转换器常见问题
我可以编辑任意一种颜色格式，并让其他格式一起更新吗？
可以。该工具支持双向同步。只要你编辑 RGB、RGBA、HEX、HSL、HSLA、HSV、HSVA、CMYK 或 CMYKA 中任意一个格式，其他格式都会在值有效后立即更新。
转换时透明度是如何处理的？
页面中的 HEX 默认不显示透明度，因为这里重点展示你要求的格式。透明度会保留在 RGBA、HSLA、HSVA 和 CMYKA 中，预览区域也会始终反映当前的不透明度。
这个颜色转换器是私密的吗？
不会。所有转换逻辑都在你的浏览器本地运行，颜色值不会上传到服务器。