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

Цветовые оттенки, тени, полутона и тона


Цветовой оттенок

Оттенок - просто другое слово для цвета.

Проще говоря: каждая позиция вокруг цветового круга представляет свой оттенок:

#ff0000

#ff8000

#ffff00

Вы можете поэкспериментировать со значениями оттенков, используя Палитру цветов.


Значение цвета (Яркость/Темнота)

Значение цвета - это термин для обозначения светлого или темного цвета (от белого до черного).

Эти три примера изменяют яркость и темноту для красных, оранжевых и желтых оттенков:

#ff0000

#ff8080

#800000

#ff8000

#ffcc99

#663300

#ffff00

#ffff99

#666600

Вы можете экспериментировать со светом и тенью для того же оттенка, используя Палитру цветов.


Насыщенность цвета

Насыщенность - это интенсивность цвета.

Насыщенные цвета более яркие. Ненасыщенные цвета имеют меньше цветового пигмента.

Эти три примера изменяют насыщенность красного, оранжевого и желтого оттенков:

#ff0000

#cc3333

#996666

#ff8000

#cc8033

#998066

#ffff00

#cccc33

#999966

Вы можете поэкспериментировать со значениями насыщенности для того же оттенка, используя Палитру цветов.