HSL to HEX

Convert HSL color values into a hex color code.

HSL color

Enter hue (0–360), saturation, and lightness (0–100%), e.g. 9, 100%, 64%.

What Is a HSL to HEX?

The HSL to HEX converter turns hue, saturation, and lightness values into a hex color code. Designers mixing colors in HSL can copy the exact hex value for CSS, branding, and design tools instantly.

How to Use This HSL to HEX

1
Enter HSL valuesType hue (0–360), saturation, and lightness.
2
See the hex codeThe matching hex value appears instantly.
3
Copy the resultCopy the hex code into your project.

Frequently Asked Questions

It converts to the tomato red #ff6347.

Yes, the RGB breakdown is shown alongside the hex code.

Yes, it uses the standard CSS rounding convention, so results match how browsers display HSL colors.

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.