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