Examples

HEX to HSL Converter

Enter a color to see conversions

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

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

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%)

How to convert HEX to HSL?

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