颜色格式概览
| 格式 | 示例 | 适用场景 |
|---|---|---|
| HEX | #3B82F6 | CSS 与设计交付 |
| RGB | rgb(59, 130, 246) | 程序化颜色操作与浏览器渲染 |
| HSL | hsl(217, 91%, 60%) | 更直观的色相、饱和度和明度调整 |
| CMYK | cmyk(76, 47, 0, 4) | 面向印刷的工作流 |
不同格式下的同一种蓝色
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
CMYK
cmyk(76, 47, 0, 4)
何时使用哪种格式
- 需要为设计系统或样式表提供简短且适合 CSS 的值时，使用 HEX。
- 当代码或浏览器 API 直接使用通道值时，使用 RGB。
- 希望更直观地调整明度或饱和度时，使用 HSL。
- 在面向印刷的场景中使用 CMYK，不要将其作为 CSS 中的主要格式。
配合合适的工具使用本参考
相关工具