理解数字颜色格式
不同的颜色格式服务于不同目的。理解何时使用每种格式对设计师和开发者至关重要。
格式对比表
#
HEX（十六进制）
#FF5733何时使用：CSS、HTML、设计软件
RGB
RGB（红、绿、蓝）
rgb(255, 87, 51)何时使用：CSS rgba()实现透明度，JavaScript颜色操作
HSL
HSL（色相、饱和度、亮度）
hsl(12, 100%, 60%)何时使用：创建颜色变体、主题系统
CMYK
CMYK（青、品红、黄、黑）
cmyk(0%, 66%, 80%, 0%)何时使用：印刷设计、实体材料
HEX（十六进制）
#FF5733HEX是网页设计中最常见的格式。它将颜色表示为6位十六进制数字。
FF
Red = 255
57
Green = 87
33
Blue = 51
HSL（色相、饱和度、亮度）
HSL对人类更直观：
H
色相：色轮上的位置 (0-360°)
0-360°
S
饱和度：颜色强度 (0-100%)
0-100%
L
亮度：明暗程度 (0-100%)
0-100%
格式对比表
| 格式 | 网页支持 | 直观性 | 最适合 |
|---|---|---|---|
| hex | ✅ 优秀 | ❌ 否 | 快速CSS编码 |
| rgb | ✅ 优秀 | ⚠️ 部分 | 透明度、JS |
| hsl | ✅ 优秀 | ✅ 是 | 主题系统 |
| cmyk | ❌ 有限 | ⚠️ 部分 | 印刷设计 |