色彩

ほとんどの画面で何十年も使われてきた標準の色空間。すべての16進数の色値はここに属します。色域には限りがあり、現代の画面で表示できても sRGB では表現できない色があります。

現代のほとんどの画面が対応する、より広い色空間。sRGB では届かない鮮やかな色、特に緑や赤を表現できます。

人間の明るさの知覚に合った色空間。HSL とは異なり、明度の値が同じ二つの色は、実際に同じ明るさに見えます。パレットの生成やアクセシビリティに配慮した混色に役立ちます。

完全に不透明な状態から完全に見えない状態までを表す、色の透明度成分。アルファを持つ境界線は下の面になじみ、不透明な16進数の色はその上に乗ります。微妙ですが、常に感じられる違いです。

色の値ではなく用途に基づいて名付けた色変数。#e0e0e0 の代わりに --color-border-subtle を使います。値が変わると、そのトークンを使うすべての箇所が更新されます。

前景色と背景色の輝度の違い。WCAG は本文に 4.5:1、大きな文字と UI コンポーネントに 3:1 を求めます。