HSL to RGB Converter
Convert HSL values to RGB and hex, with HSV and CMYK alongside.
Processing: This tool runs entirely in your browser. Your input and any file you open stay on your device — nothing is uploaded to a server.
How to use the hsl to rgb converter
- Enter or pick your colour.
- Read every notation below, updated as you type.
- Copy whichever one you need.
About this tool
Hue is an angle on the colour wheel: 0° red, 120° green, 240° blue. Saturation is how much colour there is, and lightness runs from black at 0% through the pure hue at 50% to white at 100%. That is what makes HSL worth using — to make a shade darker you change one number, where in hex you would be guessing at three.
Going from HSL to RGB is exact — every HSL triple maps to one sRGB colour. The rounding only bites in the other direction.
Two values behave in ways worth knowing: lightness 0% is black and 100% is white whatever the hue and saturation, and saturation 0% is grey whatever the hue. If a colour comes out grey or black unexpectedly, one of those two is the reason rather than the hue.
Common uses
- Turning an HSL value from a design tool into hex for an email template.
- Checking what a hue actually looks like.
- Generating a set of tints by varying lightness.
Frequently asked questions
- Why is my colour grey?
- Saturation is at or near 0%. At zero saturation, every hue produces the same grey.
- Why is my colour black or white?
- Lightness is at 0% or 100%. Those two override hue and saturation entirely.
- Is HSL to RGB exact?
- Yes, in this direction. Each HSL triple maps to exactly one sRGB colour.
Related tools
RGB to HSL Converter
Convert RGB values to HSL, plus hex, HSV and CMYK, with a live swatch.
HEX to RGB Converter
Convert colours between HEX, RGB and HSL with a live preview and copyable CSS values.
HEX to HSL Converter
Convert a hex colour to HSL, plus RGB, HSV and CMYK.
Color Picker
Pick a colour and read it back as hex, RGB, HSL, HSV, CMYK and the nearest CSS name.