色值转换
HEX / RGB / HSL / HSV / CMYK 与 CSS 颜色名互转，支持透明度（4 位与 8 位 HEX、rgba、hsla）与最接近颜色名查询。
100%
HEX
#3b82f6
HEX（含 alpha）
#3b82f6ff
RGB
rgb(59, 130, 246)
RGBA
rgba(59, 130, 246, 1)
HSL
hsl(217, 91%, 60%)
HSLA
hsla(217, 91%, 60%, 1)
HSV / HSB
hsv(217, 76%, 96%)
CMYK
cmyk(76%, 47%, 0%, 4%)
最接近的 CSS 颜色名
royalblue（#4169e1）· 与当前色相差 33
CMYK 一栏是朴素换算（纯数学，不含 ICC 色彩配置）：印刷用的 CMYK 色域与屏幕 RGB 不同，同一个数值在显示器上和在纸上并不一致。要用于印前， 请在专业软件里用目标印刷机的配置文件重新转换。
本工具在你的浏览器内运行，输入的内容与文件不会上传到任何服务器。
常见问题
- CMYK 那一栏能直接拿去印刷吗？
- 不能。CMYK 是印刷的减色模型，从屏幕的 RGB 反推它需要知道目标印刷设备的色彩配置文件（ICC），否则只能做纯数学换算 —— 本工具给出的就是这种换算，它能让两个数值互相对应，但不代表印出来颜色一致。RGB 的色域通常比 CMYK 大，鲜艳的蓝、绿、橙在印刷中普遍会变暗。要用于印前，请在专业软件里用印刷厂提供的 ICC 配置文件重新转换。
- 输入里的透明度和滑块是同一个吗？
- 是同一个值，滑块是权威来源。当你输入带 alpha 的写法（如 #3b82f680 或 rgba(59,130,246,0.5)）时，滑块会自动同步到对应百分比，之后拖动滑块则以滑块为准；输入不带 alpha 的写法（如 #3b82f6）时不会重置滑块，方便你保留上一次设定的透明度反复试色。
- 「最接近的颜色名」是什么意思？
- CSS 只有 148 个命名色，绝大多数颜色没有名字。本工具把所有命名色与当前色换算到 RGB 空间算欧氏距离，取最近的一个，并把距离一并显示出来 —— 距离为 0 表示完全相同，距离越大表示肉眼差异越明显。它适合用来找「这个色差不多叫什么」，不要当作精确等价。另外注意 gray 与 grey、cyan 与 aqua 是同值别名，命中哪一个取决于遍历顺序。