CSS Color 4のoklch(): デザインシステムにおけるゲームチェンジャー

2025-02-17
CSS Color 4のoklch(): デザインシステムにおけるゲームチェンジャー

CSS Color Module 4は、新しい色表記法oklch()を導入しました。これは、知覚輝度(L)、彩度(C)、色相(H)を用いて色を定義し、オプションでアルファ値(a)を含めることができます。これにより、hsl()における知覚輝度の一貫性の問題が解決され、色の操作やパレット生成がより予測可能になり、アクセシビリティが向上します。oklch()は広色域P3色をサポートしており、現代のディスプレイでより豊かな色表現を実現します。oklch()エコシステムはまだ発展途上ですが、コードの可読性と色の操作における利点は、CSS色の未来における有力候補となっています。

続きを読む
開発 色仕様