HSL Converter
Convert HSL values (Hue, Saturation, Lightness) to multiple formats instantly with premium previews.
HEX
#7C3AED
RGB
124, 58, 237
HSL
262°, 83%, 58%
#
HEX
Hexadecimal Color
#7C3AED
#7C3AED
🎨
RGB
Red Green Blue
124, 58, 237
rgb(124, 58, 237)
🌈
HSL
Hue Saturation Lightness
262, 83%, 58%
hsl(262, 83%, 58%)
💧
HSV
Hue Saturation Value
262°, 76%, 93%
hsv(262, 76%, 93%)
🖨️
CMYK
Cyan Magenta Yellow Key
48%, 76%, 0%, 7%
device-cmyk(48%, 76%, 0%, 7%)
🧪
LAB
Lightness A B
42.2, 59.4, -73.4
lab(42.2 59.4 -73.4)
💠
OKLCH
Lightness Chroma Hue
0.61 0.29 319
oklch(0.61 0.29 319)
4. Copy CSS Snippets
background-color: #7C3AED;
Contrast Ratio
4.5:1
Pass (AA)
Temperature
Cool
5800K
Brightness
48%
Medium LightComplementary Color
The exact opposite color on the HSL spectrum wheel.