Конвертер HSLA в RGBA

Конвертер цветов HSLA в RGBA используется для бесплатного преобразования цвета HSL в цвет RGBA без установки какого-либо программного обеспечения или расширения на ваше устройство. Использование этого инструмента очень простое, давайте посмотрим, как его использовать.

О цветовом формате HSL:

Полная форма HSL: H: оттенок, S: насыщенность и яркость. Здесь Оттенок — это градус на цветовом круге в диапазоне (0–360). В цветовом круге 0 градусов или 360 градусов соответствует красному цвету, 120 градусов — зеленому, а 240 градусов — синему цвету. Насыщенность — это значение от 0% до 100%; 0% означает оттенок серого, а 100% — полный цвет.

Синтекс цвета HSL в CSS:

hsl(оттенок, насыщенность, яркость)

Некоторые примеры цветов HSL:

1. HSL(0, 100%, 80%)       = красный цвет
2. HSL(360, 100%, 80%)  = красный цвет
3. HSL(120, 100%, 25%)   = темно-зеленый цвет
4. HSL(120, 60%, 70%)     = пастельно-зеленый цвет

Вот еще один формат цвета с именем HSLA. Этот формат цвета является расширенной версией формата цвета HSL с дополнительным альфа-каналом, который определяет непрозрачность или прозрачность цвета, а синтаксис этого формата цвета:

hsl(оттенок, насыщенность, яркость, альфа)

Некоторые примеры цветов HSLA:

1. Isla(0, 100%, 80%, 50%, 50%)       = красный цвет с 50% прозрачностью или непрозрачностью
2. Isla(360, 100%, 80%, 90%)  = красный цвет с 90% прозрачностью или непрозрачностью
3. Isla(120, 100%, 25%, 35%)   = темно-зеленый цвет с прозрачностью или непрозрачностью 35%
4. Isla(120, 60%, 70%, 12%)     = пастельно-зеленый цвет с прозрачностью или непрозрачностью 12%

Если вы хотите работать с прозрачностью, вам следует очень осторожно относиться к альфа-каналу, потому что он управляет непрозрачностью цвета или прозрачностью.

О цвете RGBA:

Полная форма RGB: красный, зеленый, синий и альфа-канал.

А минимальное значение цвета RGB равно 0, а максимальное значение равно 255. В CSS цвет RGB задается с помощью функции RGB(), а синтаксис следующий:

rgba(красный, зеленый, синий)

Некоторые примеры цветов RGB:

1. RGB(255, 0, 0) = красный цвет
2. RGB(0, 255, 0) = зеленый цвет
3. RGB(0, 0, 255) = синий цвет

Существует еще одно название цветового формата RGBA. Этот цветовой формат является расширенной версией цветового формата RGB с альфа-каналом, который определяет непрозрачность объекта, а синтаксис этого цветового формата:

rgba(красный, зеленый, синий, альфа)

Некоторые примеры цветов RGB:

1. RGB(255, 0, 0, 0.5) = красный цвет с непрозрачностью 50%
2. RGB(0, 255, 0, 0.75) = зеленый цвет с прозрачностью или непрозрачностью 75%
3. RGB(0, 0, 255, 0.3) = синий цвет с прозрачностью или непрозрачностью 30%

Теперь, я думаю, теперь понятно, в чем разница между цветовыми форматами «RGB» и «RGBA», когда вы делаете цвет RGB или RGB, вы должны быть осторожны.

Минимальное значение альфа-параметра равно 0, что означает полную прозрачность, а максимальное значение равно 1, что означает полную непрозрачность. Вы можете использовать любое число от 0 до 1, например, 0,3.

Создавайте красивые цвета с помощью нашего генератора цветов.