阻止颜色转换为RGB？

Question

When assigning a hsl color using Javascript, it doesn't apply it as an HSL color, but rather converts it to RGB.

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

I was hoping to assign an HSL color, then modify the saturation and brightness after the fact, but I can't do that easily since it gets converted to RGB.

Is there a way to keep it from converting to RGB, or is converting it back to HSL manually necessary?

Answer 1

For SVG elements, you can use an attribute instead of a style for the "fill" color, and it will keep the HSL format.

As for elements in general, storing the HSL value as a variable or attribute to pull from when modifying/reapplying the color may be the simplest solution.