HSL to RGB Converter
Convert an HSL color to RGB channel values.
Try an example:
- HEX
#f97316- RGB
rgb(249, 115, 22)- HSL
hsl(25, 95%, 53%)
Converting HSL to RGB
Converting HSL to RGB gives the red, green, and blue values (0–255) used in canvas, image data, and rgb() with opacity.
How to convert HSL to RGB by hand
- Normalize saturation and lightness to 0–1 and hue to a fraction of 360.
- Compute intermediate values from lightness and saturation.
- Map the hue to the red, green, and blue channels.
Worked example
hsl(0, 100%, 50%) → rgb(255, 0, 0)
More converters
Frequently asked questions
How do I convert HSL to RGB?
Normalize saturation and lightness to 0–1 and hue to a fraction of 360. Compute intermediate values from lightness and saturation. Map the hue to the red, green, and blue channels. Or just use the converter on this page — it does it instantly. Example: hsl(0, 100%, 50%) becomes rgb(255, 0, 0).
What is hsl(0, 100%, 50%) in rgb?
hsl(0, 100%, 50%) converts to rgb(255, 0, 0).
Is this converter free and private?
Yes — it is free and unlimited, and the conversion runs entirely in your browser, so nothing is uploaded to a server.