颜色工具
在线颜色转换器 | RGB、HEX、HSL、HSV、CMYK 同步转换
在线转换颜色格式，支持 RGB、HEX、HSL、HSV、CMYK 互转，编辑任一格式其余颜色值会立即同步。
实时同步无需上传
颜色预览
使用预览色块、系统取色器和透明度滑杆，在所有颜色格式之间精确调整同一个颜色。
当前预览颜色
#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 中，预览区域也会始终反映当前的不透明度。
这个颜色转换器是私密的吗？
不会。所有转换逻辑都在你的浏览器本地运行，颜色值不会上传到服务器。
这是一款在线颜色转换器，最常见的用法就是 RGB 转 HEX、HEX 转 RGB。你只要在任意一个格式框里粘贴或输入颜色值，比如把 rgb(46, 139, 87) 填进去，HEX 就会立刻变成 #2E8B57，反过来也一样。除了 RGB 和 HEX，工具还同时同步 RGBA、HSL、HSLA、HSV、HSVA、CMYK、CMYKA 八种格式，并提供实时色块、系统取色器和透明度滑杆。所有转换都在浏览器本地完成，颜色值不会上传到服务器，打开即用、无需注册。
颜色转换器使用步骤
- 1
输入一个颜色值
在任意一个格式框里粘贴或输入颜色，例如 HEX 填 #2E8B57、RGB 填 rgb(46, 139, 87)、HSL 填 hsl(146, 50%, 36%)，常见的 RGB 转 HEX、HEX 转 RGB 都从这一步开始。
- 2
所有格式实时同步
数值有效后，工具会立刻把它换算成其余全部格式——RGB、RGBA、HEX、HSL、HSLA、HSV、HSVA、CMYK、CMYKA 一并更新，无需点击转换按钮。
- 3
微调颜色和透明度
用实时色块、系统取色器和透明度滑杆调整色相与不透明度，也可以点「随机」快速生成新配色找灵感。
- 4
复制或导出
点任意格式框即可复制该数值，或用「全部复制」一次拿到所有格式，直接粘进 CSS、设计稿或代码里。
参考资料
- W3C — CSS 颜色模块 Level 4
W3C 官方规范，定义了 CSS 中的各类颜色写法，包括 HEX、rgb()、hsl()、hwb() 以及现代颜色语法。
- MDN — CSS <color> 颜色值
MDN 文档，覆盖每一种 CSS 颜色写法，详解 HEX、RGB/RGBA、HSL/HSLA 以及 Alpha 透明度的工作方式。
相关工具
常见问题
- 怎么把 RGB 转成 HEX？
- 在 RGB 框里输入 rgb(46, 139, 87)，HEX 框会立刻显示 #2E8B57。三个通道的取值范围是 0 到 255，工具会自动把每个通道换算成两位十六进制再拼成 HEX，全程不用点转换按钮。
- HEX 怎么转回 RGB？
- 把 #2E8B57 这样的 HEX 值填进 HEX 框，RGB 框就会同步显示 rgb(46, 139, 87)。因为所有格式双向同步，RGB 转 HEX 和 HEX 转 RGB 用的是同一个输入框，方向随你切换。
- 我可以编辑任意一种格式，让其他格式一起更新吗？
- 可以。工具支持双向同步，无论你改 RGB、RGBA、HEX、HSL、HSLA、HSV、HSVA、CMYK 还是 CMYKA，只要数值有效，其余格式都会立即跟着更新。
- 用 JS 怎么实现 HEX 转 RGB？
- 原理是把 6 位 HEX 拆成三段两位十六进制再用 parseInt 转十进制：取 #RRGGBB 后，parseInt(hex.slice(1,3),16) 得到 R，slice(3,5) 得到 G，slice(5,7) 得到 B。本工具已经把这套逻辑做好，你可以直接读取结果，无需自己写代码。
- 转换时透明度（Alpha）是怎么处理的？
- HEX 默认不带透明度，所以透明度会保留在 RGBA、HSLA、HSVA 和 CMYKA 里，预览区域也会始终反映当前的不透明度。需要带透明度的颜色，直接看这几个带 A 的格式即可。
- 能把 RGB 转成印刷用的 CMYK 吗？
- 可以。你改动任意格式时，CMYK 和 CMYKA 都会同步更新，给出可用于印刷的青、品红、黄、黑（K）数值。需要注意 CMYK 与设备相关，屏幕显示和实际印刷可能略有差异。
- 这个颜色转换器安全私密吗？
- 数据不会离开你的设备。所有转换逻辑都在浏览器本地运行，颜色值不会上传到任何服务器，可以放心使用。