颜色转换器 — 在 HEX、RGB、HSL、CMYK 之间转换
在 HEX、RGB、HSL 和 CMYK 之间转换颜色，并实时预览。实时色样与可访问性对比度检查，全部在浏览器中完成。
颜色是同一种视觉感知，被编码成四种不同的形式，取决于媒介。屏幕用 RGB（红、绿、蓝通道，各 0-255）。网页代码用 HEX（基数为 16 的 RGB，#3B82F6）。设计师和拾色器用 HSL（色相、饱和度、亮度 —— 一种更直观的色彩模型，便于选择浓淡）。印刷用 CMYK（青、品红、黄、关键色/黑 —— 一种减色模型，混合颜料而非光线）。每种模型在各自的媒介里都是对的，它们之间的转换并非精确：RGB 和 HEX 是同一颜色的不同表示法；HSL 是同一 RGB 色域的不同参数化；CMYK 是更小的色域，无法表示每一个 RGB 颜色。
颜色转换中「不那么显然」的一点是四种模型的表达能力不平等。RGB 和 HEX 能表示屏幕能显示的每一种颜色 —— 大约 1670 万个不同值。HSL 是 RGB 的重新参数化，所以表示相同的 1670 万色，只是按感知属性归类。CMYK 是减色的，只表示通过叠印青、品红、黄、黑油墨能复现的颜色 —— 大约是 sRGB 色域的 70%。屏幕上完美呈现的高饱和蓝绿，印出来通常会偏闷，唯一知道具体偏差的方法是看印刷样张或使用色彩管理工作流。
最终的交接：如果你在为网站挑选颜色，CSS 用 HEX 和 RGB；HSL 是挑选浓淡更友好的输入格式。如果要把颜色发给印刷厂，这里的 CMYK 值只是起点 —— 带上源文件（PDF、AI、INDD），让印刷厂的色彩管理产出最终的油墨配方。如果你为可访问性而设计，对比度比检查是最重要的部分：一个漂亮的颜色如果过不了 WCAG，就不是可用的文字色。
使用方法
用任意格式输入颜色
键入 HEX 码（#3B82F6）、RGB 三元组（59, 130, 246）、HSL 值（217°、91%、60%），或从设计工具粘贴。输入会根据键入的格式自动检测。
同时读取四种格式
输出面板显示同一颜色的 HEX、RGB、HSL 和 CMYK 值。右侧的实时色样随键入更新，你能实时看到颜色。
检查对比度
可访问性面板显示相对白色和黑色背景的 WCAG 对比度比，以及适用于正文和大型文字的 AA/AAA 通过/失败徽章。帮你选满足可访问性准则的文字颜色。
常见问题
为什么 CMYK 值与 Photoshop 显示的不一样？
CMYK 转换依赖色彩管理。本工具使用标准的 sRGB 到 CMYK 转换（多数网页设计工具采用的那个），可能与印刷厂的 ICC 配置感知转换不同。对于印刷工作，用合适配置从设计工具导出源文件。
转换是无损的吗？
HEX、RGB 和 HSL 数学等价 —— 没有损失，没有舍入。CMYK 的色域比 sRGB 小，所以 sRGB → CMYK 再回来时高饱和颜色会偏移。偏移很小（任何通道几个单位），但在标定显示器上可见。
Alpha 通道有什么作用？
切换 Alpha 添加一个不透明度滑块（0-100%）。输出包含 RGBA 和 HSLA 值。注意 CSS 不支持 CMYK 加 Alpha —— 印刷颜色始终不透明，所以 CMYK 显示无 Alpha 分量。
对比度比是怎么算的？
对比度比遵循 WCAG 2.1 公式：(L1 + 0.05) / (L2 + 0.05)，其中 L1 和 L2 是两种颜色的相对亮度。AA 要求正文 4.5:1、大字 3:1。AAA 要求分别为 7:1 和 4.5:1。
可以保存颜色以后用吗？
侧面板的历史记录列表保留本次会话中你最近转换的 12 个颜色。如需持久存储，把 HEX 码复制到设计系统文件或 Figma 库 —— 工具在会话之间不存储任何内容。
限制说明
- 不支持 Pantone 匹配Pantone 颜色是印刷用的专色油墨。本工具无法与 Pantone 代码互相转换。对 Pantone 到 CMYK 的近似值，用 Pantone 色卡或印刷厂的参考图表。
- CMYK 是近似的sRGB 到 CMYK 的转换使用标准公式，不是色彩管理的 ICC 配置。使用不同纸张和印刷机的印刷厂会看到略有不同的结果。对于印刷工作，用印刷厂的配置从设计工具导出。
- 不模拟色盲可访问性检查覆盖亮度对比度（WCAG 2.1），但不模拟红色盲、绿色盲或蓝色盲。对色盲检查，用能以红绿色弱或黄蓝色弱观察者视角显示颜色的工具。
平台说明
- macOS
- Digital Color Meter（在 Applications > Utilities）读取光标下的颜色。本工具是把采样的颜色转换成 HSL 或 CMYK 的合适选择，macOS 拾色器不直接暴露这些。
- Windows
- PowerToys 的 Color Picker 可以读取屏幕上任意像素。本浏览器工具适合需要代码格式（HEX、RGB、HSL、CMYK 字符串）转换的场景，可以粘贴到 CSS、设计工具或印刷规格中。
- Linux
- GIMP 的拾色器和 KDE 的 KColorChooser 都显示 HEX、RGB 和 HSV。本浏览器工具额外提供 HSL 和 CMYK 输出，以及可访问性对比度检查。
- Web
- 完全在客户端运行。页面加载后离线可用。对比度比是除了解析之外唯一需要计算的部分 —— 在设计评审和可访问性审查中很有用。