Конвертер цветов

HEX to HSL Color Converter – это бесплатный онлайн-инструмент, который используется для преобразования цветов HEX в цвета HSL. Для использования этого инструмента вам не нужно устанавливать какое-либо программное обеспечение или расширение на ваше устройство.

Этот инструмент состоит из трех частей: первая часть предназначена для ввода шестнадцатеричного цвета, вторая — это кнопка, нажимающая эту кнопку, чтобы преобразовать цвет в HSL, а последняя — выходная часть для преобразованного значения.

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

Полная форма 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 означает отсутствие цвета.

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

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

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

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

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

1. HSL(0, 100%, 80%)       = red color
2. HSL(360, 100%, 80%)  = red color
3. HSL(120, 100%, 25%)   = dark green color
4. HSL(120, 60%, 70%)     = pastel green color

HSL Color имеет другую версию, расширенную альфа-значением, которое может управлять непрозрачностью цвета.