塗りつぶしグラデーションの色相
fill-gradient-hue
fill-gradient-hue パラメーターは、塗りつぶしグラデーションが2色の間を移動するときに、色相環をどちら回りに進むかを指定します。CSS Color 4の色相補間の規則に従い、デフォルトは shorter です。
| 値 | 進む経路 |
|---|---|
shorter（デフォルト） | 色相環上の短い方の経路 |
longer | 長い方の経路。反対側の色相を経由します |
increasing | 色相角が増加する向きの経路 |
decreasing | 色相角が減少する向きの経路 |
認識できない値を指定した場合は shorter が使用されます。
このパラメーターが効果を持つのは円柱型のカラースペースのみです。つまり、fill-gradient-cs が hsl、hsv、lch、oklch のいずれかである場合に読み取られます。srgb、linear、oklab には移動する色相環がないため、値は無視されます。
両端に同じ色を指定して longer を選ぶと色相環を一周するため、虹色のグラデーションを最も簡潔に記述できます。