CSS における OKLCH: 私たちが RGB/HSL から移行した理由

• OKLCH は CSS Color Module 4 仕様に追加された新しいカラー指定方法
  → oklch(45% 0.26 264 / 50%): （Lightness Chroma Hue / Opacity）
• OKLCH の利点
  • rgb/hex と比べて読みやすい。hsl に近いが、明るさをより適切にエンコードできる
  • hsl と異なり知覚的な明るさを使用するため、コントラストを予測しやすい
  • wide-gamut P3 カラーで使用可能（Apple デバイスのように、sRGB モニターより多くの色を表示できる場合）

目次

1. CSS Color はどのように変化してきたか
2. OKLCH と他の CSS Color フォーマットの比較
3. OKLCH はどのように動作するのか
4. OKLCH をプロジェクトに追加する方法
5. 私たちが OKLCH に移行した理由
   • 可読性の向上
   • 色の変更が容易
   • P3 カラーのサポート
   • デザインチームとのより良いコミュニケーション
   • 将来への備え