ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
Цвета в HTML. Уроки для начинающих

Цвета HSL


HSL калькулятор


 
rgb(255, 0, 0)
#ff0000


H:
S:
L:

HSL цвета

Значения цвета HSL поддерживаются в IE9 +, Firefox, Chrome, Safari и в Opera 10+.

HSL означает hue (оттенок), saturation (насыщенность) и lightness (яркость).

Значения цвета HSL указываются как: hsl(hue, saturation, lightness).


Hue (оттенок)

Оттенок - это градус цветового круга от 0 до 360. 0 - красный, 120 - зеленый, 240 - синий.


Saturation (насыщенность)

Насыщенность - это процентное значение; 0% означает оттенок серого, а 100% - полный цвет.


Lightness (яркость)

Яркость также в процентах; 0% черный, 100% белый.


Попробуйте сами

Значения цвета HSL поддерживаются во всех основных браузерах.

Пример

<style>
div {
    background-color: hsl(180, 50%, 50%);
    color: hsl(0, 0%, 100%);
}
</style>

Попробуйте сами »