HEX to HSL Converter
Convert HEX color codes to HSL (Hue, Saturation, Lightness) in multiple formats.
Results:
hsl(0, 0%, 0%)color(display-p3 0.000 0.000 0.000){ h: 0, s: 0, l: 0 }[0, 0, 0]0°, 0%, 0%h: 0.000, s: 0.000, l: 0.0000°0%0%About HEX to HSL Conversion
Converting HEX color codes to HSL involves two steps:
- First, the HEX code is converted to RGB values
- Then, the RGB values are converted to HSL
The HSL color space represents colors in terms of:
- Hue: The base color (0-360°)
- Saturation: The intensity of the color (0-100%)
- Lightness: How light or dark the color is (0-100%)
HSL is particularly useful for creating color variations as it separates the color (hue) from its intensity (saturation) and brightness (lightness).