Imgix APIsレンダリング APIグラデーションとフェードグラデーションのカラースペース

グラデーションのカラースペース

gradient-cs

gradient-cs パラメーターは、gradient の色を補間する際のカラースペースを指定します。fill-gradient-cs と同じ値(srgb、linear、oklab、oklch、lch、hsl、hsv)を受け取り、デフォルトは srgb です。

透明から黒へフェードするスクリムでは、この選択による違いはほとんどありません。違いが出るのは2つの色の色相が大きく離れている場合です。srgb では中間がくすんだ色を通りますが、oklab や oklch では中間点も両端と同じ明るさに保たれます。

デフォルトの gradient-cs=srgb
sandbox-demo
gradient-cs=oklab は中間点の明るさを保ちます
sandbox-demo

認識できない値は srgb にフォールバックします。gradient-mask が有効な場合、gradient-cs は読み取られません。