Расширился раздел Основы
веб-дизайна. В нем добавлена статья про цветовой круг, в сокращенном варианте
публикуемая ниже.
Добавлено описание новых тегов в Справочник по тегам. Адрес - www.htmlbook.ru/html
Появился новый раздел Навигация
и меню, он содержит уже три статьи.
Сегодня в сокращенном варианте публикуется новая статья по теме дизайна и работе
с цветом. Адрес статьи на сайте - www.htmlbook.ru/content/222.html
Цветовой круг
Чтобы правильно проводить цветокоррекцию изображений, подбирать гармоничные
цвета для сайта и понимать принципы работы с цветом, необходимо иметь представление
о цветовом круге. Он широко используется в дизайне и программах для работы с
графикой.
Основные понятия
Всем известно, что спектр состоит из семи цветов, названия которых глубоко
запали в голову еще со школы благодаря мнемоническому заклинанию «Каждый Охотник
Желает Знать, Где Сидит Фазан». На рис. 1 показана полоса, полученная путем
разложения луча белого света на составляющие цвета с помощью стеклянной призмы.
Рис. 1. Спектральные цвета
Цветовой круг получается, если полосу спектра, приведенную на рис.1, вообразить
в виде гибкой пластины и согнуть ее в окружность (рис. 2). Хотя у круга по определению
нет начала, традиционно красный цвет ориентируют на север, от него и ведут отсчет.
Рис. 2. Спектральный цветовой круг
Чтобы понять основные принципы работы с цветовым кругом, его заменяют обычно
упрощенной моделью, которая базируется на шести цветах (рис. 3). Это связано
с тем, что любой оттенок на экране монитора формируется за счет трех составляющих
красного, зеленого и синего цвета. Соответственно, у каждого из этих цветов
есть свой антагонист, что в итоге (3 х 2) и дает шесть цветов, а не семь, как
в спектре.
Рис. 3. Упрощенный цветовой круг
Красный, зеленый и синий цвета называются основными, поскольку именно они отвечают
за формирование требуемого цвета на экране монитора. На цветовом круге эти цвета
максимально равноудалены друг от друга и угол между ними составляет 120 градусов
(рис. 4).
Рис. 4. Основные цвета
Основные цвета входят в аддитивную цветовую модель (от add —
складывать), при которой сложение всех трех цветов образует белый цвет. К такой
модели относится RGB.
Цвета, которые противопоставляются основным, называются комплиментарными или
дополнительными. К ним относятся желтый, голубой и фиолетовый, последний в разных
литературных источниках иногда еще называют пурпурным (рис. 5).
Рис. 5. Комплиментарные или дополнительные цвета
Эти цвета очень важны для субстрактивной цветовой модели (от subtract
— вычитать), при которой цвет формируется за счет частичного поглощения
и отражения лучей света от объекта. К такой модели относится CMYK.
Принципы цветового круга
С цветовым кругом связаны следующие особенности.
Цвета расположенные напротив друг друга, т.е. отстоящие на 180 градусов,
являются контрастными. При их смешении в аддитивной модели получается белый
цвет. К контрастным парам относят цвета желтый с синим и красный с голубым.
Контрастные цвета взаимно исключают друг друга. Если в изображении повысить
уровень красного цвета, это автоматически уменьшит уровень голубого. И наоборот,
если понизить уровень красного цвета, то это приведет к повышению уровня голубого.
Любой цвет получается смешиванием близлежащих к нему цветов. Так, желтый
цвет образуется сложением красного и зеленого.
Поскольку каждый цвет в некотором роде является «смесью» других цветов,
то усиление значения одного цвета в изображении автоматически приводит и к
повышению уровня его составляющих, и наоборот. Например, зеленый цвет получается
смешением желтого и голубого цвета. Если повысить значение зеленого цвета
в изображении, то одновременно произойдет усиление и желтого с голубым. Верно
и обратное, изменение желтой и голубой компоненты влияет на уровень зеленого
цвета.
Каждому цвету можно противопоставить не один контрастный цвет, а пару,
которая его образует. Чтобы понизить значение красного цвета, можно усилить
значение голубого цвета или одновременно усилить уровень зеленого и синего,
что приведет к тому же результату.