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

グラデーションマップの色相

gradient-map-hue

gradient-map-hue パラメーターは、gradient-map が2色の間を移動するときに、色相環をどちら回りに進むかを指定します。CSS Color 4の色相補間の規則に従い、デフォルトは shorter です。

値進む経路
shorter(デフォルト)色相環上の短い方の経路
longer長い方の経路。反対側の色相を経由します
increasing色相角が増加する向きの経路
decreasing色相角が減少する向きの経路

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

このパラメーターが効果を持つのは円柱型のカラースペースのみです。つまり、gradient-map-cs が hsl、hsv、lch、oklch のいずれかである場合に読み取られます。srgb、linear、oklab には移動する色相環がないため、値は無視されます。

デフォルトの gradient-map-hue=shorter
sandbox-demo
gradient-map-hue=longer は色相環の反対側を通ります
sandbox-demo