HEX to HSL Color Converter

Convert Hexadecimal colors to HSL format instantly with live preview.

Color Preview
Hexadecimal: #FF5733
HSL: hsl(11, 100%, 60%)
#FF5733 = hsl(11, 100%, 60%)

Example Conversions

HexadecimalHSLPreview
#FF0000hsl(0, 100%, 50%)
#00FF00hsl(120, 100%, 50%)
#0000FFhsl(240, 100%, 50%)
#FFFF00hsl(60, 100%, 50%)
#FF00FFhsl(300, 100%, 50%)
#00FFFFhsl(180, 100%, 50%)
#FFFFFFhsl(0, 0%, 100%)
#000000hsl(0, 0%, 0%)

Try Reverse Conversion

HSL to HEX Color →

Other Color Conversions

HEX to RGB ColorRGB to HEX ColorHSL to HEX ColorRGB to HSL ColorHSL to RGB ColorRGB to CMYK ColorCMYK to RGB Color