RGB to HSL

Convert RGB values into HSL color notation.

RGB color

Enter three comma-separated values from 0 to 255, e.g. 255, 99, 71.

What Is a RGB to HSL?

The RGB to HSL converter expresses any RGB color in the HSL model — hue, saturation, and lightness. HSL is more intuitive for designers because it separates the pure color from its intensity, and this tool computes the conversion instantly.

How to Use This RGB to HSL

1
Enter RGB valuesType them as 255, 99, 71 or rgb(255, 99, 71).
2
See HSL valuesThe hue, saturation, and lightness appear instantly.
3
Copy the resultCopy the HSL value for your CSS or design tools.

Frequently Asked Questions

H is hue (color wheel position 0–360°), S is saturation (intensity 0–100%), and L is lightness (brightness 0–100%).

HSL makes it easy to adjust brightness or saturation without shifting the actual hue, which is awkward in RGB.

Pure red has a hue of 0 degrees.

Related Converters Tools

Length Converter

Convert length between metric and imperial units.

Weight Converter

Convert weight and mass between kg, lb, oz and more.

Height Converter

Convert height between centimeters, meters, feet and inches.

Area Converter

Convert area units including m², ha, ft², and acres.

Volume Converter

Convert volume between liters, gallons, cups and more.

Temperature Converter

Convert temperature between Celsius, Fahrenheit and Kelvin.

More Converters Tools

Speed Converter

Convert speed between km/h, mph, knots and m/s.

Time Converter

Convert time units between seconds, minutes, hours and days.

Pressure Converter

Convert pressure between bar, psi, atm, and pascal.

Energy Converter

Convert energy between joules, calories, kWh and BTUs.

Power Converter

Convert power between watts, kilowatts, hp and more.

Frequency Converter

Convert frequency between hertz, kilohertz, RPM and more.