HSL to RGB Converter
Convert HSL to RGB as you type — free, instant, with a worked example and a common-colors chart.
Type a HSL value and read the RGB value below it, or pick a color from the swatch.
Worked example
HSL 11, 100%, 60% = RGB 255, 87, 51
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 HSL and RGB
| Color | HSL | RGB |
|---|---|---|
| Red | 0, 100%, 50% | 255, 0, 0 |
| Orange | 39, 100%, 50% | 255, 165, 0 |
| Yellow | 60, 100%, 50% | 255, 255, 0 |
| Green | 120, 100%, 25% | 0, 128, 0 |
| Cyan | 180, 100%, 50% | 0, 255, 255 |
| Blue | 240, 100%, 50% | 0, 0, 255 |
| Purple | 300, 100%, 25% | 128, 0, 128 |
| Pink | 350, 100%, 88% | 255, 192, 203 |
| Brown | 0, 59%, 41% | 165, 42, 42 |
| White | 0, 0%, 100% | 255, 255, 255 |
| Gray | 0, 0%, 50% | 128, 128, 128 |
| 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 HSL to RGB?
Type or paste your HSL value above — the RGB 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.