Imgix APIsレンダリング APIグラデーションとフェードグラデーションの色相

グラデーションの色相

gradient-hue

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

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

このパラメーターが読み取られるのは円柱型のカラースペースのみで、gradient-cs が hsl、hsv、lch、oklch のいずれかである必要があります。認識できない値は shorter にフォールバックします。

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