RGB to HSL
Convert RGB color values into HSL format, representing color as hue, saturation, and lightness, useful for making intuitive color adjustments.
HEX
#2563ebRGB
rgb(37, 99, 235)HSL
hsl(221, 83%, 53%)About the RGB to HSL
This tool converts RGB color values into HSL format, which represents color as hue, saturation, and lightness, useful for making intuitive adjustments to a color's shade.
How to use
1
Enter the red, green, and blue values.
2
View the equivalent hue, saturation, and lightness values.
3
Copy the HSL value for use in your CSS.
Frequently asked questions
Why would I prefer HSL over RGB for adjusting a color?
Adjusting lightness or saturation directly in HSL is often more intuitive than recalculating individual red, green, and blue values to achieve the same effect.
What does the hue value represent?
Hue is expressed as a value from 0 to 360 degrees, representing a position on the color wheel, with 0 being red and 120 being green, for example.
Related tools
Explore more tools in the Developer category.