动画中的 HSL 颜色模型

HSL color models in animation

目前我正在使用动画标签循环显示一些颜色。

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

颜色是如何插值的,我可以使用 HSL 而不是 RGB 吗?

谢谢。

颜色插值在 SVG specification 中定义。基本上距离是RGB颜色space.

中颜色之间的标准向量距离

即使现在您可以在大多数 UA 的 HSL 中指定结束状态,您也不会获得 HSL 插值。您的 HSL 端点颜色将转换为 RGB,然后插值将以 RGB 颜色 space.

进行