每种颜色格式都是用不同语言描述同一件事:HEX 用于样式表,RGB 用于屏幕和代码,HSL 用于构建调色板,CMYK 用于印刷。选择需要的转换,获取精确数值、实时预览以及背后的公式。
四种颜色格式
HEX 是什么?
HEX 代码是一个六位的十六进制数,前面带有 #,用于存储颜色的红、绿、蓝通道。每对十六进制位对应一个通道,从 00(无)到 FF(满),以比 RGB 更简短的表示方式覆盖同样的 1670 万颜色。HEX 是 CSS、设计工具和品牌指南中的默认形式。
- 语法:
- #RRGGBB
- 适合用于:
- CSS、设计交接、品牌指南
RGB 是什么?
RGB 用三个光通道来描述颜色——红、绿、蓝——每个从 0 到 255。它反映了屏幕的实际工作方式:三个通道都为 255 为白色,全部为 0 为黑色。当你需要用数值进行计算时,RGB 是合适的选择,rgba() 则在其上增加了透明度。
- 语法:
- rgb(R, G, B)
- 适合用于:
- 代码、canvas、使用 rgba() 的透明度
HSL 是什么?
HSL 将颜色拆分为色相(在色轮上 0–360°)、饱和度(颜色程度,0–100%)和亮度(明亮程度,0–100%)。因为每一部分都符合人们描述颜色的方式,HSL 是手动或在代码中构建色阶、色调和一致调色板的最简单格式。
- 语法:
- hsl(H, S%, L%)
- 适合用于:
- 调色板、色阶与色调、主题化
CMYK 是什么?
CMYK 是印刷中使用的四墨模型:青(cyan)、品红(magenta)、黄(yellow)和关键黑(key/black),每项以 0–100% 的百分比表示。油墨是减法吸收光线而不是发光,因此 CMYK 覆盖的颜色少于屏幕——这也是鲜艳的屏幕颜色在印刷后常常显得更暗淡的原因。
- 语法:
- cmyk(C%, M%, Y%, K%)
- 适合用于:
- 印刷、包装、印前成品