CSSで最高の色関数？

以前には、HSLが私たちが持っている最高のカラー形式であると言ったことがあります。私たちのほとんどは、ヘックスコードを読むことができるデイビッド・デサンドロのようではありません。 HSL（a）は、必要に応じて、色相、飽和、軽さ、およびアルファです。

 HSL（120、100％、40％）

色相は直感的ではありませんが、それほど奇妙ではありません。 0から360までのカラーホイールの周りを旅行します。飽和は、グレースケールのように0％がすべての色を吸い出し、100％がその色相で完全に豊かな色です。軽さは50％で「正常」であり、それぞれ100％と0％に向かうと白または黒を追加します。それはそれを説明する正しい科学的または技術的な方法ではないと確信していますが、それは脳の論理です。

HSLの使用にはまだ問題がありますが、ブライアンカーデルは詳細に説明しています。私はカラーの専門家とは程遠いですが、その記事でブライアン（およびアダム）が言っていることを見ていると思います。 3つの異なる色があり、それらはすべてHSLでまったく同じ軽さを持っているとします。それは、それらがすべて実際に同じ軽さであるという意味ではありません。特に、色のシステムの一部としてこのカラー形式を使用している場合、それはちょっと奇妙です。

良いニュースは、これに役立つCSSレベル4モジュールとしてすでに仕様があるカラー機能が存在することです：ラボとLCH。ラボの色には、実際の軽さをより正確に反映する値があるAdamの例をご覧ください。

HSL対ラボ::軽さ？

トリッキーな色の世論調査から同じ色がありますが、今回はラボの同じ色のバージョンを上に示しました。私たちの世論調査の結果に対するラボの軽さの価値がどれほどあるかに注目してください！

？カラースペースはすべて同じではありません！ https://t.co/aies0amdwy pic.twitter.com/xkeguq3kzg

- Adam Argyle（@Argyleink）2019年12月3日

ブライアン：

ラボやLCHのようなカラースペースがあり、フルスペクトルを扱い、知覚的な均一性のような品質を持っています。したがって、実際の設計システムで使用するための優れた色関数が必要な場合、誰もが、ラボ/LCHカラースペースでMathを使用することをサポートすることが理想的な有効化機能であることに同意しているようです。

Chromeのバグチケットでは、TABは、これらがほとんど実装するのがほぼ些細なことだと考えています。

lab（）/lch（）/gray（）はすべて、既存のカラーインフラストラクチャに熱心に変換できることに注意してください。彼らは根本的に新しい概念を導入していません。色を指定するためのより良い方法であり、RGBピクセルの機能と密接に結びついているのではなく、目が実際にどのように機能するかにより密接に関連しています。

RGBに変換する変換関数は少しコードですが、それはいくつかの指数とマトリックスの増殖のほんの一部であり、仕様には十分に文書化されています。

これは良いものであるべきだと思います。

以上がCSSで最高の色関数？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。