色彩空間解釋
有關 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 對於感知均勻梯度和與可訪問性相關的亮度計算特別有用。