Working with extracted HSL values

[nachtfunke]

Hello!

This may seem like a really stupid question, but I am only interested in the extracted hue value. But I am not sure how I am supposed to correctly work with the returned value? I am trying to extract the hue value and feed it to a css custom property, which uses it in a hsl() function, which requires the hue to be in degrees, but the value that is being returned is a number from 0 - 1.

What is the intended way to work with hsl? Is the idea to convert this number to a valid HSL value?

[tofi86]

Here's what I came up with:

function hslArrayToCss([h, s, l]) {
  const hue = Math.round(h * 360);
  const sat = Math.round(s * 100);
  const light = Math.round(l * 100);
  return `hsl(${hue}, ${sat}%, ${light}%)`;
}

...

elem.style = `background-color: ${hslArrayToCss(palette.DarkMuted.hsl)}`;