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

Теория Цвета


Что такое теория цвета?

Теория цвета - это множество категорий, определений и понятий.

Этот учебник охватывает части, которые наиболее полезны для веб-дизайна:

  • Первичные, вторичные и третичные цвета
  • Цветовые колёса (RGB, CMY, RYB)
  • Цветовой тон, яркость и насыщенность

Цвет света

Сэр Исаак Ньютон разработал теорию, согласно которой все цвета представляют собой смеси красного, зеленого и синего света.

Это привело к появлению первого известного цветового круга в 1666 году.

Sir Isaac Newton
Color Wheel

Цвет краски

В 1766 году ученый Моисей Харрис создал первое цветовое колесо для классификации Красного, Жёлтого и Синего в качестве основных цветов.

Моисей Харрис работал с краской (Ньютон работал со светом), следуя теории (французского художника), что все цвета представляют собой смеси красного, желтого и синего пигментов.

Moses Harris
Color Wheel

Системы Цвета

В этом уроке мы рассмотрим 3 различные цветовые системы:

  • Цветовая система, используемая при создании цветов с помощью света (RGB)
  • Система цвета, используемая при печати (CMY)
  • Цветовая система, используемая художниками-оформителями и живописцами (RYB)

Для печати на самом деле используется цветовая система с четырьмя чернилами.

CMYK: Cyan, Magenta, Yellow и Key - т.е. голубой, пурпурный, желтый и ключевой (черный).


Основные цвета

Основные цвета - это основные цвета в данной цветовой системе.

Основные цвета не могут быть получены путем смешивания других цветов в цветовой системе.

Основные цвета для света: red (красный), green (зеленый) и blue (синий):

RGB Red Green Blue

Основные цвета для печати: голубой (cyan), пурпурный (magenta) и желтый (yellow):

CMY Cyan Magenta Yellow

Основные цвета для краски: красный (red), жёлтый (yellow) и синий (blue):

RYB Red Yellow Blue

Вторичные цвета

Вторичные цвета создаются путем смешивания двух основных цветов в цветовой системе.

В описанных здесь цветовых системах есть три вторичных цвета.


Смешивание света (RGB)

Вторичные цвета: Yellow, Cyan, Magenta (желтый, голубой, пурпурный).

Red + Green = Yellow
Green + Blue = Cyan
Blue + Red = Magenta

Смешивание чернил (CMY)

Вторичные цвета Blue, Red, Green (синий, красный, зелёный).

Cyan + Magenta = Blue
Magenta + Yellow = Red
Yellow + Cyan = Green

Обратите внимание, что смешение основных цветов CMY дает основные цвета света (RGB).


Смешивание краски (RYB)

Вторичные цвета Orange, Green, Violet (оранжевый, зелёный, фиолетовый).

Red + Yellow = Orange
Yellow + Blue = Green
Blue + Red = Purple

Третичные цвета

Третичные цвета создаются путем смешивания одного основного и одного вторичного цвета в системе цветности.

В RYB есть шесть названных третичных цветов:

  • Red-Orange
  • Yellow-Orange
  • Yellow-Green
  • Blue-Green
  • Blue-Purple
  • Red-Purple

Примечание. На последнем рисунке обозначены: primary - первичный цвет, secondary - вторичный цвет, tertiary - третичный цвет.

Tertiary