ブレンドレイヤーのグラデーション色空間

blend-gradient のストップが補間される色空間を設定します。デフォルトは srgb です。

有効な値は srgb、linear、oklab、oklch、lch、hsl、hsv です。

srgb はブラウザのデフォルトの CSS グラデーションと一致します。oklch は彩度の高い色同士の間で鮮やかで均等なランプを生み、srgb で生じがちな濁った中間色を避けられます。色相空間 (oklch、lch、hsl、hsv) は色相環を回るため、どちら回りになるかは blend-gradient-hue で設定します。

blend-gradient-mask が有効な場合は無視されます。

特定のブレンドレイヤーを指定するには blend-gradient-cs[N] を使用します。N は 0〜3 です。レイヤー 0 はベアの blend-gradient-cs または blend-gradient-cs[0] のどちらでも指定でき、両方を指定した場合はベアの名前が優先されます。レイヤーが他のレイヤーの指定を借用することはありません。