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