HSL to HEX color converter
Convert a HSL color to HEX with a live color preview. Enter hue, saturation and lightness to find the matching color. 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 HSL to HEX
hsl(0, 100%, 50%) converts to #FF0000. These values describe the same opaque screen color in different formats.