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