HSL to RGB Converter
Convert hue, saturation and lightness back into RGB and HEX.
About the HSL to RGB Converter
Convert hue, saturation and lightness back into RGB and HEX. Every value is computed locally with vanilla JavaScript — there is no server round-trip, no sign-up and no limit on how many times you use it.
How to use
Set hue
Choose a hue from 0 to 360 degrees.
Set saturation and lightness
Enter saturation and lightness as percentages.
Read RGB and HEX
The equivalent RGB and HEX values appear with a live preview.
Copy your value
Copy whichever format your project needs.
Benefits
Design in HSL, ship in RGB
Reason about color in HSL then export the RGB or HEX your code expects.
Predictable output
Conversions follow the standard HSL-to-RGB formula exactly.
Quick previews
See the color update the instant you change a value.
Features & supported formats
Features
- Separate H, S and L inputs
- RGB and HEX output
- Live color preview
- One-tap copy
- Standards-based conversion
Supported formats
Frequently asked questions
What is hue measured in?
Hue is an angle from 0 to 360 degrees around the color wheel, where 0 is red, 120 is green and 240 is blue.
What happens at 0% saturation?
At zero saturation the color becomes a shade of gray determined entirely by the lightness value.
Why convert HSL back to RGB?
Many languages, canvases and older tools expect RGB, so converting back is common when moving from design to implementation.
Are the results rounded?
RGB channels are whole numbers, so the output is rounded to the nearest integer per channel.
Can lightness be over 100%?
No. Lightness and saturation are percentages from 0 to 100, and values are clamped to that range.