HEX в HSL

Конвертируйте значения HEX в HSL мгновенно. Вставьте любое значение HEX в бесплатный конвертер и получите эквивалент HSL (а также RGB, HSL, HSV, OKLCH и CMYK) одним кликом — всё в браузере, ничего не загружается.

Конвертировать любой цвет →

Пример

#8B5CF6→hsl(258, 90%, 66%)

HEX в HSL на привычных цветах

То же преобразование на цветах со всего круга, включая чёрный и белый: на краях диапазона форматы расходятся сильнее всего. Нажмите на название — откроется разбор этого цвета.

Цвет	HEX	HSL
Black	#000000	hsl(0, 0%, 0%)
White	#FFFFFF	hsl(0, 0%, 100%)
Slate 500	#64748B	hsl(215, 16%, 47%)
Red 500	#EF4444	hsl(0, 84%, 60%)
Lime 500	#84CC16	hsl(84, 81%, 44%)
Green 500	#22C55E	hsl(142, 71%, 45%)
Violet 500	#8B5CF6	hsl(258, 90%, 66%)
Pink 500	#EC4899	hsl(330, 81%, 60%)

О форматах

HEX. HEX — 6-значный шестнадцатеричный код (например, #3B82F6), самый распространённый способ записи цвета в HTML/CSS.

HSL. HSL = Hue/тон (0–360°), Saturation/насыщенность и Lightness/светлота (0–100%) — удобно для правок.

Другие конвертации

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

Смотрите также

Попробовать конвертацию на реальном цвете

Black White Slate 500 Gray 500 Zinc 500 Stone 500