Функция hsla()
Пример
Определите различные цвета HSL с непрозрачностью:
#p1 {background-color:hsla(120,100%,50%,0.3);} /* green */
#p2 {background-color:hsla(120,100%,75%,0.3);} /* light green */
#p3 {background-color:hsla(120,100%,25%,0.3);} /* dark green */
#p4 {background-color:hsla(120,60%,70%,0.3);} /* pastel green */
Попробуйте сами »
Определение hsla()
Функция hsla()
определяет цвета с использованием модели оттенок-насыщенность-яркость-альфа (HSLA).
Значения цвета HSLA — это расширение значений цвета HSL с альфа-каналом, который определяет непрозрачность цвета.
Версия: | CSS3 |
---|
Поддержка браузера hsla()
Цифры в таблице указывают первую версию браузера, полностью поддерживающую данную функцию.
Функция | |||||
---|---|---|---|---|---|
hsla() | 1.0 | 9.0 | 3.0 | 3.1 | 10.0 |
CSS Синтаксис hsla()
hsla(hue, saturation, lightness, alpha)
Значение | Описание |
---|---|
hue | Определяет степень на цветовом круге (от 0 до 360) — 0 (или 360) — красный, 120 — зеленый, 240 — синий |
saturation | Определяет насыщенность; 0 % — это оттенок серого, а 100 % — полный цвет (полная насыщенность). |
lightness | Определяет яркость; 0 % — черный, 50 % — обычный, 100 % — белый |
alpha | Определяет непрозрачность как число от 0,0 (полностью прозрачно) до 1,0 (полностью непрозрачно) |