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

Теория Цветов


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

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

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

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

Цвет света

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

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

Сэр Исаак Ньютон. Теория цветов
Цветовое колесо

Цвет краски

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

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

Моисей Харрис
Цветовое колесо

Цветовые системы

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

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

Печать фактически использует четыре чернильных цветовых системы.

CMYK: Cyan, Magenta, Yellow и ключевой (black).


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

Первичные цвета - это главные цвета в данной системе цветов.

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

Первичными цветами света являются красный, зелёный и синий:

RGB Red - Красный Green - Зелёный Blue - Синий

Первичными цветами для печати являются Cyan, Magenta и Yellow:

CMY Cyan - Голубой Magenta - Пурпурный Yellow - Желтый

Первичными цветами для краски являются Red, Yellow та Blue:

RYB Red - Красный Yellow - Желтый Blue - Синий

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

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

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


Смешивание света (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, Purple.

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

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

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

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

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

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


Уроки по использованию цветов на веб-страницах смотрите на нашем сайте W3Schools на русском в разделах HTML Цвета и CSS Цвета.