概念 · 典藏
MGN-CONCEPT-PERCEPTU感知均勻色彩
以人眼亮度感知為基礎的色彩模型;調整數值時,視覺上的深淺變化更一致,OKLCH 是常見的 CSS 實作。
感知均勻色彩(perceptually uniform color space)指的是:設計系統當你改變色彩參數時,人眼感受到的亮度、飽和度變化比較「符合直覺」,不會像 HSL 那樣出現「同一個 L 值,黃色看起來比藍色亮很多」的問題。
為什麼新手要在意
做 design token、深色模式、無障礙對比時,你需要可預測的調色方式。感知均勻模型讓「把 lightness 降 10%」在大多數色相上都代表類似的視覺變化,設計師和工程師比較容易對齊。
和 OKLCH 的關係
OKLCH 是 CSS 裡常用的一種感知均勻色彩表示法,語法像 oklch(56% 0.15 250)。你可以把它理解成:用更貼近人眼的方式描述顏色,而不是記 hex 或拆 RGB 三個通道。
入門建議
先在 DevTools 或 oklch.com 試著只改 L(亮度),觀察不同色相下畫面是否仍然「合理」——這就是感知均勻帶來的差異。