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

Конвертер цветов HSLA в HEX используется для преобразования цвета HSLA в шестнадцатеричный (с альфа-каналом). Вам не нужно устанавливать какое-либо программное обеспечение или расширение на ваше устройство.

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

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

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

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

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

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%

О шестнадцатеричном цвете:

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

В шестнадцатеричной системе счисления он имеет 16 алфавитов, таких как 0,1,2,3,4,5,6,7,8,9, a,b,c,d,e и f, а в шестнадцатеричном цветовом формате имеет три части - красная, зеленая и синяя. Синтаксис шестнадцатеричного цвета – #rrggbb.

В этой системе "#" обозначает, что этот код является шестнадцатеричным кодом цвета, "rr" представляет цветовой код для красного цвета в шестнадцатеричном числе, и его минимальное значение равно "00", а максимальное значение – "ff", то же, что и "gg". представляют цветовой код для зеленого в шестнадцатеричном формате, а последний «bb» представляет шестнадцатеричный цветовой код для синего цвета.

Как сделать цвет, используя шестнадцатеричный?

Если вы хотите создать исходный красный цвет в шестнадцатеричном формате, следуя роли шестнадцатеричного формата цвета, код цвета должен быть: #ff0000.

теперь давайте напишем цветовой код для зеленого и синего: #00ff00 (для зеленого) и #0000ff (для синего), здесь 00 означает отсутствие цвета.

Примечание. Шестнадцатеричный цвет с альфа-каналом имеет дополнительные 2 цифры для представления прозрачности или непрозрачности, поскольку синтаксис формата цвета HEXA должен быть следующим: #rrggbbbaa, здесь «аа» представляет непрозрачность цвета, минимальное значение альфа равно 00 и максимальное значение: ff.

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