HEX to HSL color converter
Convert a HEX color to HSL with a live color preview. Enter your HEX code with or without the # symbol. Copy the converted value in one action.
Enter your color
About this conversion
The preview and converted value update as you type. RGB and HEX use 8-bit sRGB channels; percentages and hue are rounded to two decimal places. These converters handle opaque colors.
Example: convert red from HEX to HSL
#FF0000 converts to hsl(0, 100%, 50%). Shorthand #F00 represents the same color as #FF0000. These values describe the same opaque screen color in different formats.