RGB to HSL converter
The math takes your three channels and finds the angle, intensity, and brightness that produce them. rgb(255, 107, 53) is hsl(16, 100%, 60%).
How this works
- 1 Paste or type your RGB value; the tool reads it as you type.
- 2 The HSL value updates live, along with every other format.
- 3 Click any code to copy it, or use bulk mode for a whole list.
- HEX
- #e08b3d
- RGB
- rgb(224, 139, 61)
- RGBA
- rgba(224, 139, 61, 1)
- HSL
- hsl(29, 72%, 56%)
- HSV
- hsv(29, 73%, 88%)
- CMYK
- cmyk(0%, 38%, 73%, 12%)
- LAB
- lab(66.0 28.7 54.1)
- OKLCH
- oklch(71.2% 0.138 59.8)
Guide
When you need HSL instead of RGB
HSL is the editing view: rotate hue for alternatives, drop saturation to mute, move lightness for states. Convert once, adjust freely.
FAQ
FAQs
Which channel drives the hue?
Whichever is largest. Red-dominant colors land near 0°, green near 120°, blue near 240°, with mixtures in between.
Related: HEX to RGB · RGB to HEX · HEX to HSL · HSL to HEX · every format at once