Convert RGB to HSL
Paste a RGB color to get its HSL 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
-
RGB to HSL, explained
RGB describes a color by its red, green and blue channels, each from 0 to 255 — the form canvas drawing and image code expect.
HSL describes a color by hue (0–360°), saturation and lightness (both percentages), which makes building tints and shades intuitive.
Worked example
rgb(245, 158, 11) converts to hsl(38, 92%, 50%). The converter above is pre-filled with this color — edit it or pick your own to see the result update live.
RGB to HSL reference table
| Color | RGB | HSL |
|---|---|---|
| Amber | rgb(245, 158, 11) | hsl(38, 92%, 50%) |
| Navy | rgb(10, 24, 40) | hsl(212, 60%, 10%) |
| Red | rgb(220, 38, 38) | hsl(0, 72%, 51%) |
| Green | rgb(22, 163, 74) | hsl(142, 76%, 36%) |
| Sky | rgb(14, 165, 233) | hsl(199, 89%, 48%) |
Common uses
Converting RGB to HSL exposes hue, saturation and lightness, which are far more intuitive for tweaking and generating colour schemes.
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 RGB to HSL?
Paste your RGB value into the converter above and it shows the HSL equivalent — along with every other format — instantly. For example, rgb(245, 158, 11) becomes hsl(38, 92%, 50%).
What is RGB rgb(245, 158, 11) in HSL?
rgb(245, 158, 11) in HSL is hsl(38, 92%, 50%).
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.