Can you store a hsl color in a css variable?

Question

Something like: - - color-name: hsl(100,100,100) doesn't work, so is there a way to do it?

Answer 1

HSL stands for hue, saturation and lightness. So you have to use percentages instead of simple numbers for saturation and lightness in order to get the desired results.

So your snippet should be like
hsl(100,100%,100%), and that will produce white color for you!

For further reference: https://www.w3schools.com/cssref/func_hsl.asp