Juxt
免費訂閱
概念 · 典藏
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(亮度),觀察不同色相下畫面是否仍然「合理」——這就是感知均勻帶來的差異。

相關概念

← 所有概念

索引 · 概念

探索更多詞彙

瀏覽完整概念索引,快速理解文章與資源中的專有名詞。

瀏覽所有概念 ›