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>
Спробуйте самі »
