Цвета HSL
HSL калькулятор
rgb(255, 0, 0)
#ff0000
H:
S:
L:
HSL цвета
Значения цветов HSL поддерживаются в IE9 +, Firefox, Chrome, Safari и Opera 10 +.
HSL символизирует тон, насыщенность и легкость.
Значения цвета HSL задаются с помощью: hsl(hue, saturation,
lightness)
.
Оттенок
Hue-это степень на цветном колесе от 0 до 360. 0-красный, 120-зеленый, 240-синий.
Насыщенность
Насыщенность – это процентное значение; 0% означает оттенок серого и 100%-полный цвет.
Легкость
Легкость также процент; 0%-черный, 100%-белый.
Попробуйте сами
Значения цвета HSL поддерживаются во всех основных браузерах.
Пример
<style>
div {
background-color: hsl(180, 50%, 50%);
color: hsl(0, 0%, 100%);
}
</style>