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