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

Оттенки, тона и полутона цвета


Оттенок цвета

Оттенок (Hue) - это ещё одно слово для цвета.

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

#ff0000

#ff8000

#ffff00

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


Значение цвета (яркость / затемнённость)

Значение цвета - это понятие о том, насколько цвет светлый или темный (от белого до черного).

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

#ff0000

#ff8080

#800000

#ff8000

#ffcc99

#663300

#ffff00

#ffff99

#666600

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


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

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

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

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

#ff0000

#cc3333

#996666

#ff8000

#cc8033

#998066

#ffff00

#cccc33

#999966

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