How to convert HSL to RGB?
Enter a value in HSL and the converter will instantly calculate the equivalent in RGB. All conversions are done locally in your browser for maximum speed and privacy.
Common HSL to RGB conversions
| HSL | RGB |
|---|---|
| hsl(0, 100%, 50%) | rgb(255, 0, 0) |
| hsl(32.9, 100%, 50%) | rgb(255, 140, 0) |
| hsl(50.6, 100%, 50%) | rgb(255, 215, 0) |
| hsl(120, 100%, 25.1%) | rgb(0, 128, 0) |
| hsl(240, 100%, 50%) | rgb(0, 0, 255) |
| hsl(300, 100%, 25.1%) | rgb(128, 0, 128) |
What is the difference between HSL and RGB?
HSL describes colors by hue, saturation and lightness. It is more intuitive for creating color variations and palettes. RGB defines colors with red, green and blue values from 0 to 255. It is the native color model for screens and web.