RGB to HSL
Convert RGB color values to HSL with HEX equivalent and live color preview.
HEX#E8590C
RGBrgb(232, 89, 12)
HSLhsl(21, 90%, 48%)
Hue21°
Saturation90%
Lightness48%
Related Tools
FAQ
- What is HSL color format?
- HSL stands for Hue, Saturation, and Lightness. Hue is the color angle on the color wheel (0-360°), saturation is the intensity of the color (0-100%), and lightness is how light or dark it is (0-100%). HSL is more intuitive for humans than RGB.
- How is RGB converted to HSL?
- First, normalize R, G, B to 0-1. Find the max and min values to compute Lightness = (max+min)/2. Saturation depends on lightness and the range of values. Hue is calculated from which channel is dominant and the difference between the other channels.
- What is the difference between RGB and HSL in CSS?
- Both are valid in CSS. rgb(255, 0, 0) and hsl(0, 100%, 50%) both represent pure red. HSL is often preferred when you need to adjust brightness or create color palettes, since you only change the L or S value.
The RGB to HSL converter accepts red, green, and blue channel values (0-255) and computes the equivalent HSL (Hue, Saturation, Lightness) representation. It also shows the HEX color code and CSS-ready rgb() and hsl() strings with one-click copy buttons, plus a live color swatch preview.