Examples

HSL to HEX Converter

Enter a color to see conversions

#ff0000, rgb(255,0,0), hsl(0,100%,50%), red

What is HSL?

HSL stands for Hue, Saturation, Lightness. Hue is a degree on the color wheel (0-360), saturation and lightness are percentages. It's intuitive for color adjustments. Example: hsl(14, 100%, 60%)

What is HEX?

HEX is a hexadecimal color code used in web design. It consists of a # followed by 6 characters (0-9 and A-F) representing red, green, and blue values. Example: #FF5733

How to convert HSL to HEX?

Simply enter your color value in the input field above and the conversion will happen automatically. You can then copy the result with one click.

Conversions

RGB → HEX HEX → RGB HEX → CMYK RGB → CMYK CMYK → HEX CMYK → RGB HEX → HSL HSL → HEX HEX → OKLCH OKLCH → HEX