颜色转换（HEX / RGB / HSL / HSV / CMYK）

五种色值表示法分别适合什么场景

颜色是色彩空间里的一个点，而色值表示法只是把这个点写下来的方式。 HEX 把 RGB 三个通道用十六进制写成六位，如 #2f6bff 表示红 47、绿 107、蓝 255； 每两位相同时可简写成三位（#36f 即 #3366ff）。 它短、好复制，是设计师之间传递颜色的默认格式，CSS 里也最常见。

RGB 是同一份信息的十进制写法，做计算最方便：混色、透明度运算、Canvas 绘制都在 RGB 空间里完成。 现代 CSS 还支持空格写法与透明度通道，如 rgb(47 107 255 / 0.6)， 不需要再单独维护一份 rgba 记法。

HSL 用色相（0–360）、饱和度、亮度三个维度描述颜色，是最适合「调」的表示法： 亮度是一条独立轴，把按钮的 hover 态改暗，只需要调低 L，色相不会跑偏。 HSV 是它的近亲，大多数取色器内部使用的就是 HSV， 因为它的 V 轴从黑到纯色，正好对应拖动取色面板的手感。

CMYK 是印刷四色（青、品红、黄、黑），和其他几种有本质区别： 屏幕是发光的，纸张是反光的，可印刷的色域比 sRGB 窄， 所以屏幕上鲜艳的电光蓝、亮橙，印出来往往发闷。本工具给出的是换算结果，不是印刷保证—— 重要物料请务必先打样确认。

最后是叠加文字的对比度，这是配色最容易翻车的地方。 无障碍标准 WCAG 要求正文对比度达到 4.5:1（大字号 3:1），增强级要求 7:1。 本工具会算出该颜色与纯白、纯黑文字的对比度，帮你判断到底该用深色字还是浅色字： 浅色底配深色字、深色底配浅色字，通常更稳妥。 转换与计算全部在浏览器本地完成，不需要上传任何内容。

配色小贴士

• HEX 用 6 位十六进制表示 RGB，#2f6bff 可简写为 #36f 这类 3 位形式。
• HSL 更贴近直觉：色相（0-360）、饱和度（%）、亮度（%），调色时改动亮度即可生成明暗变体。
• CMYK 是印刷四色，屏幕色转印刷色会有色差，重要物料请先打样。
• 叠加文字时优先保证对比度，浅色底用深色字、深色底用浅色字更稳妥。