НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
Кольори в HTML. Уроки W3Schools українською для початківців

En

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>

Спробуйте самі »