Imgix APIsレンダリング APIスタイル化グラデーションマップのカラースペース

グラデーションマップのカラースペース

gradient-map-cs

gradient-map-cs パラメーターは、gradient-map の色を補間するときに使用するカラースペースを指定します。fill-gradient-cs と同じ値を受け取り、デフォルトは srgb です。

値補間の方法
srgb(デフォルト)sRGBのガンマカーブを適用した、Web標準の色の値
linearガンマ補正を行わない、光の強度そのものの値
oklab知覚的に均等で、同じ幅の変化が同じ大きさの差として見えます
oklchoklab の円柱座標表現で、明度・彩度・色相で表します
lchCIELABの円柱座標表現で、明度・彩度・色相で表します
hsl色相・彩度・輝度
hsv色相・彩度・明度

認識できない値を指定した場合は srgb が使用されます。

円柱型のカラースペース(hsl、hsv、lch、oklch)では、ある色から次の色へ移るときに色相環上を移動するため、直線的なカラースペースでは通らない中間の色相を経由します。どちら回りに進むかは gradient-map-hue で指定します。

デフォルトの gradient-map-cs=srgb
sandbox-demo
gradient-map-cs=oklch は紺色と金色の間の色相を経由します
sandbox-demo