色彩空间解释
有关 HEX、RGB、HSL、HSV、CMYK、LAB 和 XYZ 的实用指南 — 何时将每个空间用于 Web、打印和设计工作流程。
FAQ
- CSS 应该使用哪种颜色空间?
- HEX 和 RGB 是标准的。现代 CSS 还支持 oklch() 和 lab() 以获得更好的渐变和主题。
为什么色彩空间很重要
不同的色彩空间以不同的方式表示相同的感知颜色。选择正确的空间会影响插值、可访问性检查以及导出到 CSS、打印或设计工具。
Web 开发人员通常使用 sRGB (HEX/RGB/HSL) 工作,而打印工作流程可能需要 CMYK,而高级设计工具可能使用 LAB 进行感知统一调整。
十六进制、RGB 和 HSL
HEX 是紧凑的并且在 CSS 中很常见(#RRGGBB)。 RGB 直接映射到屏幕通道。 HSL 分离色调、饱和度和亮度——对于主题调整和生成色调和阴影很有用。
将 HEX/RGB 用于 API 和设计令牌。当您需要使品牌颜色变浅或变暗同时保持色调稳定时,请使用 HSL。
CMYK、LAB 和 XYZ
CMYK 模拟减色印刷油墨。将 RGB 转换为 CMYK 是近似的,因为屏幕和打印机具有不同的色域。
LAB 和 XYZ 与设备无关。 LAB 对于感知均匀梯度和与可访问性相关的亮度计算特别有用。