颜色转换
输入一个颜色(HEX、rgb()、hsl()、hwb()、cmyk() 或颜色名),马上得到它的其它写法,点“复制”即可使用。只在你的浏览器里计算,不会上传。
使用限制
- CMYK 只是朴素换算,不是印刷色(见上方说明)。
- HSL、HWB、CMYK 的数值都四舍五入到整数,所以从它们换回 RGB 可能差 1;HEX 与 RGB 之间的换算是无损的。
- 只支持 sRGB。
lab()、lch()、color()、oklch()等写法不支持。 - 不识别的写法会明确提示,不会猜测;颜色名只认 CSS 标准名称(英文),不包括中文颜色名。
- 透明度四舍五入到 2 位小数显示;8 位 HEX 的透明度是 0 到 255 的整数。
关于 CMYK:这里的 CMYK 是按公式直接从 RGB 算出的“朴素换算”(K = 1 − max(R,G,B),再按比例算 C、M、Y),没有经过任何色彩管理(ICC 配置文件)。真正的印刷颜色取决于油墨、纸张和印刷机,与屏幕上看到的颜色、也与 Photoshop 等软件的结果通常不一致。需要印刷时请以印刷厂的色卡和设计软件的专业转换为准。
使用方法
- 在输入框里写一个颜色,或者点右边的取色框选一个。可以写:
#1E90FF、#f00、#FF000080(带透明度)、rgb(30,144,255)、hsl(210,100%,56%)、hwb(210 12% 0%)、cmyk(88,44,0,0)或red这样的颜色名(CSS 标准的 148 个名字)。 - 输入时结果会实时更新,也可以点“转换”。下方列出 HEX、RGB、HSL、HWB、CMYK;有透明度时同时给出 8 位 HEX 和 rgba()。
- 点每一行的“复制”拷走对应写法。
例:#FF0000 = rgb(255,0,0) = hsl(0,100%,50%) = cmyk(0,100,100,0);#1E90FF = rgb(30,144,255) = hsl(210,100%,56%)(色相 209.6 四舍五入)。
常见问题
为什么转出来的 CMYK 和 Photoshop 不一样?
Photoshop 等软件使用带 ICC 配置文件的色彩管理,会考虑油墨范围;本工具只用简单公式,所以数值不同。
3 位和 4 位的 HEX 是什么意思?
每位重复一次:#f00 等于 #ff0000;4 位 #f008 等于 #ff000088,最后一位是透明度。
我的颜色会被上传吗?
不会,转换在你的浏览器里完成。