アニメーションのHSLカラーモデル

Question

現在、アニメーションタグを使用していくつかの色を循環させています。

<animate attributeName="stop-color" begin="0s" dur="16s" values="#00ffff;#ff00ff;#00ffff" repeatCount="indefinite" /> 

どのように色が補間され、RGBではなくHSLを使用できますか？

ありがとうございました。

Answer 1

色の補間は、SVG specificationで定義されています。基本的に距離は、RGB色空間の色間の標準ベクトル距離です。

最近ほとんどのUAでHSLの終了状態を指定することはできますが、HSL補間は行われません。 HSLエンドポイントの色はRGBに変換され、補間はRGB色空間で行われます。