Конвертер HSL в RGB
Введите тон, насыщенность и светлоту и получите соответствующие значения красного, зелёного и синего каналов от 0 до 255.
Ввод hsl
Результат · RGB
rgb(255, 61, 119)
HEX
#FF3D77
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Как пользоваться: HSL в RGB
- 1
Введите цвет
Впишите код цвета или выберите его пипеткой — каждое поле принимает свой формат.
- 2
Получите результат
Значение пересчитывается мгновенно, по мере ввода, вместе с превью цвета.
- 3
Скопируйте код
Скопируйте нужное значение в один клик и вставьте в дизайн, CSS или настройки печати.
Из HSL в RGB
HSL — удобный способ подбирать цвета: вы выбираете тон на цветовом круге (0° — красный, 120° — зелёный, 240° — синий), затем задаёте насыщенность — насколько цвет яркий — и светлоту, где 0% — чёрный, 50% — чистый тон, а 100% — белый. Дисплеи же работают с RGB, яркостью красных, зелёных и синих субпикселей, поэтому цвет HSL всегда переводится перед показом.
Значения RGB нужны, когда программа не принимает HSL: многие графические редакторы, API цветов Android и iOS, светодиодные ленты, игровые движки и библиотеки графиков ждут три числа каналов. Введите три значения HSL, и инструмент покажет результат в RGB вместе с HEX, HSV и CMYK. Например, hsl(200, 80%, 40%) даёт rgb(20, 129, 184). Поскольку HSL вводится целыми числами, соседние значения иногда дают один и тот же цвет RGB.
Всё работает локально в вашем браузере — изображения никуда не загружаются.