Introduction to CSS Color Function 2022

CSS Color Module Level 4で定義されている色関数についてざっくりまとめました。 デザインシステムでカラーパレットを実装するときやグラデーションを実装するときに知っていると便利かもしれません。 詳しく知りたい人はW3Cの仕様書を読みましょう。 補足：色空間とは 色空間（color space）とは色を立体的に表現したもので、空間内の座標で色を定義します。 色空間内の座標定義に使用される変数をチャンネルと言い、色空間を構成する色を数値や計算式などを用いて定量的に表現する方法を表色系と言います。 色が使われる場所（印刷物、ディスプレイ、など）や用いられる指標などに応じていくつかの色空間が定義されています。（RGB、Lab、HLSなど） ある色空間から別の色空間へは数学的に変換することができますが、変換後の色空間で表現できない情報は失われてしまいます。 sRGB Colors