保持颜色不被转换为RGB？

Question

使用Javascript分配hsl颜色时，它不会将其应用为HSL颜色，而是将其转换为RGB。

document.body.style.backgroundColor = "hsl(0,100%,50%)"
document.body.style.backgroundColor; // "rgb(255, 0, 0)"

我希望分配HSL颜色，然后在事后修改饱和度和亮度，但由于它转换为RGB，我不能轻易做到。

有没有办法防止它转换为RGB，或者是否需要手动将其转换回HSL？

Answer 1

对于SVG元素，您可以使用属性而不是样式作为“填充”颜色，它将保留HSL格式。

对于一般的元素，将HSL值存储为在修改/重新应用颜色时拉出的变量或属性可能是最简单的解决方案。