颜色转换（HEX、RGB、HSL）

功能简介

颜色转换工具接受任意常见 CSS 写法的颜色，同时给出 HEX、RGB、HSL、HSV 和 CMYK 各种表示。它还会显示颜色预览、完全匹配时的 CSS 颜色名，以及与白色、黑色的对比度，方便检查文字是否清晰可读。

使用方法

1. 在「颜色」框里输入或粘贴颜色，也可以用旁边的取色器。
2. 所有格式实时更新，点对应行的「复制」即可。
3. 如果你的设计规范用大写十六进制，打开「十六进制大写」。
4. 把颜色用于文字前看一下对比度：绿色标签表示符合 WCAG AA。

示例

#1e90ff 就是 CSS 颜色 dodgerblue，换算结果：

• RGB：rgb(30, 144, 255)
• HSL：hsl(210, 100%, 55.9%)
• HSV：hsv(210, 88.2%, 100%)
• CMYK：cmyk(88%, 44%, 0%, 0%)

它在白底上的对比度是 3.24:1，用作大标题足够，但不适合正文。

颜色模型简介

• HEX 和 RGB 描述屏幕发出多少红、绿、蓝光，是浏览器和设计工具内部使用的格式。
• HSL 用色相（色环上的角度）、饱和度和亮度描述颜色，便于生成同一颜色的深浅变化。
• HSV（也叫 HSB）是大多数设计软件取色器使用的模型。
• CMYK 描述印刷用的青、品红、黄、黑四色油墨。

带透明度的颜色，如 #1e90ff80 或 rgb(30 144 255 / 50%)，会在 HEX、RGB、HSL 中带上 alpha 通道。