HEX в HSL
Бесплатный онлайн фоторедактор и набор инструментов
Ввод hex
Результат · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Как пользоваться: HEX в HSL
- 1
Введите цвет
Впишите код цвета или выберите его пипеткой — каждое поле принимает свой формат.
- 2
Получите результат
Значение пересчитывается мгновенно, по мере ввода, вместе с превью цвета.
- 3
Скопируйте код
Скопируйте нужное значение в один клик и вставьте в дизайн, CSS или настройки печати.
Цвета HEX и HSL
HEX — привычная запись цвета в CSS и дизайн-программах: символ # и три пары шестнадцатеричных цифр для красного, зелёного и синего. HSL описывает тот же цвет так, как о нём думает человек: тон — угол на цветовом круге от 0 до 360°, насыщенность и светлота — в процентах.
Перевод в HSL удобен, когда нужны вариации одного цвета: оставьте тон и меняйте светлоту — получите светлые и тёмные оттенки для наведения, фонов и рамок. Браузеры понимают обе записи, например hsl(342, 100%, 62%).
Всё работает локально в вашем браузере — изображения никуда не загружаются.