ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

Коды

Коды цветов html

Цвет Уроки

Colors HOME Color Names Color Values Color Groups Color Shades Color Picker Color Mixer Color Converter Color RGB Color HEX Color HSL Color HWB Color CMYK Color NCol Color Gradient Color Theory Color Wheels Color Hues Color Schemes Color Palettes Color Brands Color Metro UI Color Trends

Цветовые Схемы

Монохроматические схемы Аналогичные схемы Дополнительные схемы Триадные схемы Смежные схемы

Цветовые Стандарты

Colors USA Colors UK Colors Australia Colors RAL Colors NBS Colors NCS Colors X11 Colors Crayola Colors Resene Colors XKCD


Цвета 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>