HSL to HEX Converter Online for Designers

Zero saturation means there is no colour component left, only lightness, so all three RGB channels take the same value. H 0 and H 340 both give #333333 at S 0 and L 20. If you want a warm or cool grey, raise saturation to at least 5-8 percent.

Just the number. A number field will not accept the CSS unit, so drop deg and type 210. Values above 360 should be wrapped by hand as well: 400 degrees is the same as 40.

Usually, to within one step per channel. Differences appear when the editor is showing HSB rather than HSL — they are different models and the same numbers mean different colours. In HSB, brightness 100 is the pure hue; in HSL, lightness 100 is always white.

Hold H and S steady and walk the lightness in steps of roughly ten percent: 95 for backgrounds, 60 for the main element, 45 for hover, 30 for pressed. Convert each step separately and store the codes as CSS custom properties so the scale stays consistent.

No, the output is six characters with no alpha channel. Add transparency where you use it: in CSS append two more hex digits, for example #1F8FFF80 for half opacity, which every current browser understands.

No. The fields reload with their defaults every time and the maths runs in the page script without contacting a server. If you are assembling a long palette, write each code into a file right after copying — the tool will not keep them.