← All Tools / HEX to HSL Converter

HEX to HSL Converter

Convert HEX color codes to HSL (Hue, Saturation, Lightness).

Invalid HEX format

Hue

100%

Saturation

64%

Lightness

Convert HEX to HSL Color Space

While HEX and RGB are the most commonly used color formats in web design, HSL (Hue, Saturation, Lightness) is becoming increasingly popular. HSL is much more intuitive for human designers to read and modify than hexadecimal strings.

Using our HEX to HSL converter, you can easily shift a color's lightness to create hover states or shift its hue to create harmonious color palettes, and get the exact CSS output ready to paste.

常见问题解答

Hue is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, 240 is blue.

HSL makes it incredibly easy to create lighter or darker variations of a color simply by changing the Lightness percentage, which is perfect for designing button hover effects.
你们接受cookies吗?

我们使用 cookie 来增强您的浏览体验。

更多的