Конвертер HSL в RGBA
Переведите тон, насыщенность и светлоту в значение rgba(), готовое для прозрачности в CSS.
Ввод hsl
Результат · RGBA
rgba(255, 61, 119, 1)
HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Как пользоваться: HSL в RGBA
- 1
Введите цвет
Впишите код цвета или выберите его пипеткой — каждое поле принимает свой формат.
- 2
Получите результат
Значение пересчитывается мгновенно, по мере ввода, вместе с превью цвета.
- 3
Скопируйте код
Скопируйте нужное значение в один клик и вставьте в дизайн, CSS или настройки печати.
Об HSL и RGBA
HSL и RGBA отражают два разных подхода к цвету. HSL задаёт цвет тоном, насыщенностью и светлотой, поэтому в нём легко строить набор родственных оттенков. RGBA задаёт его значениями красного, зелёного и синего каналов от 0 до 255 плюс альфа-канал для непрозрачности — этот формат ожидают многие JavaScript-библиотеки, код рисования на canvas, инструменты для графиков и старые CSS-проекты.
Конвертер превращает значения HSL в rgba() с альфой 1, то есть полностью непрозрачный цвет. Измените последнее число, чтобы получить прозрачность: 0.8 — для слегка просвечивающей панели, 0.3 — для наложения на фото, 0 — для невидимого цвета. Совет: в современном CSS альфу можно добавить прямо в HSL, например hsl(160 60% 45% / 0.3), но rgba() надёжнее, когда библиотека или шаблон письма не поддерживает новый синтаксис.
Всё работает локально в вашем браузере — изображения никуда не загружаются.