HSL to RGB
Translate any HSL color into RGB and HEX in a single step.
About the hsl to rgb
HSL is a designer-friendly model, but most rendering engines and image formats work with RGB. Converting from HSL to RGB lets you take a color you tuned by hue and lightness and ship it directly in code.
Frequently asked questions
How is HSL converted to RGB?+
The hue defines a position on the color wheel, lightness defines the midpoint between black and white, and saturation pulls the value toward gray. The math maps that to red, green and blue channels.
Why does my converted RGB value look slightly off?+
HSL uses percentages for saturation and lightness which can cause small rounding when converted to integer RGB values. The difference is imperceptible on screen.
Should I use HSL or RGB in CSS?+
Both are valid. HSL is easier to author and theme, RGB is easier to mix and animate. Many design systems author tokens in HSL and ship RGB or HEX values.
Color converter tools
Use a focused converter when you already know the input and output format.