Convert HSL to RGB
Paste a HSL color to get its RGB value — and every other format — with a live swatch. All in your browser.
That doesn't look like a valid color.
- HEX
-
- RGB
-
- HSL
-
- OKLCH
-
HSL to RGB, explained
HSL describes a color by hue (0–360°), saturation and lightness (both percentages), which makes building tints and shades intuitive.
RGB describes a color by its red, green and blue channels, each from 0 to 255 — the form canvas drawing and image code expect.
Worked example
hsl(38, 92%, 50%) converts to rgb(245, 158, 11). The converter above is pre-filled with this color — edit it or pick your own to see the result update live.
HSL to RGB reference table
| Color | HSL | RGB |
|---|---|---|
| Amber | hsl(38, 92%, 50%) | rgb(245, 158, 11) |
| Navy | hsl(212, 60%, 10%) | rgb(10, 24, 40) |
| Red | hsl(0, 72%, 51%) | rgb(220, 38, 38) |
| Green | hsl(142, 76%, 36%) | rgb(22, 163, 74) |
| Sky | hsl(199, 89%, 48%) | rgb(14, 165, 233) |
Common uses
HSL is great for authoring colours, but graphics code and many APIs expect the underlying RGB channel values.
Related conversions
Need another format? The full color converter reads HEX, RGB, HSL, OKLCH and CSS named colors and shows them all at once.
Frequently asked questions
How do I convert HSL to RGB?
Paste your HSL value into the converter above and it shows the RGB equivalent — along with every other format — instantly. For example, hsl(38, 92%, 50%) becomes rgb(245, 158, 11).
What is HSL hsl(38, 92%, 50%) in RGB?
hsl(38, 92%, 50%) in RGB is rgb(245, 158, 11).
Is my color sent to a server?
No. Every conversion runs locally in your browser using the canvas color parser and standard color math, so nothing you enter is uploaded.