HEX to HSL

Convert a hex color code into HSL values.

HEX color

Enter a 3, 4, 6, or 8 digit hex value with or without the leading #.

What Is a HEX to HSL?

The HEX to HSL converter takes a hex color code and expresses it as hue, saturation, and lightness. Convert #ff6347 into its HSL equivalent instantly to adjust colors more intuitively in your design workflow.

How to Use This HEX to HSL

1
Enter a hex codeType a value like #ff6347.
2
See HSL valuesThe hsl() equivalent appears instantly.
3
Copy the resultCopy it as hsl() for your CSS.

Frequently Asked Questions

HSL makes quick adjustments to brightness and saturation simple, which is harder to do directly in hex.

The hue is derived from which RGB channel dominates and the difference between the channels, mapped to 0–360°.

Yes, the converter normalizes short and alpha hex codes to their core RGB values first.

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.