RGB to HSL Converter
Convert RGB to HSL as you type — free, instant, with a worked example and a common-colors chart.
Type a RGB value and read the HSL value below it, or pick a color from the swatch.
Worked example
RGB 255, 87, 51 = HSL 11, 100%, 60%
How the conversion works
- HSL describes the same color by hue (0–360° on the color wheel), saturation and lightness — handy for darkening or desaturating a color by changing just one component.
Common colors in RGB and HSL
| Color | RGB | HSL |
|---|---|---|
| Red | 255, 0, 0 | 0, 100%, 50% |
| Orange | 255, 165, 0 | 39, 100%, 50% |
| Yellow | 255, 255, 0 | 60, 100%, 50% |
| Green | 0, 128, 0 | 120, 100%, 25% |
| Cyan | 0, 255, 255 | 180, 100%, 50% |
| Blue | 0, 0, 255 | 240, 100%, 50% |
| Purple | 128, 0, 128 | 300, 100%, 25% |
| Pink | 255, 192, 203 | 350, 100%, 88% |
| Brown | 165, 42, 42 | 0, 59%, 41% |
| White | 255, 255, 255 | 0, 0%, 100% |
| Gray | 128, 128, 128 | 0, 0%, 50% |
| Black | 0, 0, 0 | 0, 0%, 0% |
Every conversion runs in your browser. Nothing you enter is uploaded to BroBroGo.
FAQ
How do I convert RGB to HSL?
Type or paste your RGB value above — the HSL value updates as you type. You can also pick the color visually with the swatch.
Is the conversion exact?
Values are rounded to whole numbers, the form CSS and design tools expect. The difference stays far below anything the eye can see.