Как подобрать цвет для сайта: немного о теории цвета

Как подобрать цвет для сайта?
Попробуйте спросить об этом на форуме вебмастеров и в ответ получите целый список сервисов с инструментами для подбора цвета.
К сожалению, если вы новичок в дизайне, эти сервисы вам никак не помогут, а только запутают, потому что это всего лишь инструменты, а чтобы подобрать цвета для сайта и правильно расположить их в дизайне, нужны знания основ композиции, хорошее цветовое зрение, опыт и интуиция, которые формируются годами практической работы с цветом.
Тем, кто имеют в запасе все это, не потребуются и инструменты.
Так как же новичку подобрать цвета для сайта, особенно если это ваш первый сайт и до сих пор вам никогда не приходилось работать с цветом?
В нескольких постах я очень кратко расскажу о теории цветов и вариантах цветового решения сайта.
О чем пойдет речь в этом посте:

• о цветах основных и дополнительных;
• цветах холодных, теплых и нейтральных;
• об особенностях восприятия нами различных цветов;
• а также об основных характеристиках цвета.

Итак, все, существующие в природе цвета можно разделить на:
Основные цвета (цвета первого порядка).
Это желтый, красный и синий, из которых могут быть получены все остальные цвета.

Дополнительные цвета, среди которых:
Цвета второго порядка:
Оранжевый, зеленый и фиолетовый - они получаются из смеси двух основных цветов (красный + синий = фиолетовый, желтый + красный = оранжевый, синий + желтый = зеленый).

И цвета третьего порядка:
Чтобы получить один из третичных цветов, необходимо смешать один основной цвет и один вторичный цвет. Например, желто-оранжевый, красно-оранжевый, красно-фиолетовый, сине-фиолетовый, сине-зеленый и желто-зеленый каждый из которых получается путем смешения цвета первого и второго порядков (красный + оранжевый = красно-оранжевый, синий + фиолетовый = сине-фиолетовый, и т.д.).

Возможности для получения третичных цветов безграничны.
Дополнительные цвета располагаются на цветовом круге друг напротив друга: желтый - фиолетовый, красный - зеленый, синий - оранжевый, желто-оранжевый - сине-фиолетовый, и т.д. Каждый цвет имеет лишь один дополнительный к нему цвет.
Смешение двух дополнительных цветов дает нейтральный черно-серый тон.
Несмотря на то, что дополнительные цвета очень контрастны и, как правило, не смотрятся вместе в искусственных условиях - красный на зеленом фоне выглядит раздражающе, иногда они, все же, используются для выделения некоторых элементов на web-сайте.
Кстати, в природе такое сочетание выглядит очень органично. Например, красный цветок на фоне зеленых листьев.
Аналогичные цвета:
Цвета, расположенные на цветовом круге рядом, хорошо смотрятся вместе, но слабо отличаются друг от друга. Если вы хотите, чтобы ваша работа вызывала у зрителя ощущение спокойствия и мягкости, используйте цвета, находящиеся по соседству друг с другом.
Все это можно показать на одной схеме:

Характеристики цвета:

• Тон – это то, что мы привыкли называть цветом.
• Яркость это параметр цвета, определяющий освещенность или затемненность цвета. Все цвета рассмотренного выше цветового круга имеют максимальную яркость (100%).
  
  Яркость может уменьшаться до минимума (0%). Уменьшение яркости цвета означает его затемнение. Работу с яркостью можно характеризовать как добавление в спектральный цвет определенного процента черной краски, т.е. яркость зависит от того, сколько черного цвета добавлено в основной цвет.
  Представьте, как свежую траву у дороги покрывает черная пыль слой за слоем. Чем больше слоев пыли, чем слабее виден первоначальный чистый зеленый цвет, тем меньше яркость этого зеленого.
• Насыщенность - это параметр цвета, определяющий его чистоту.
  Насыщенность зависит от того, сколько белого цвета добавлено в основной цвет.
  
  Можно сказать, что чистый цвет имеет 100% насыщенность. Цвет с уменьшением насыщенности осветляется, как будто к нему прибавляют белую краску. При значении насыщенности 0% любой цвет становится белым.
  Теперь вам должно быть понятно, почему белый и особенно черный цвета так хорошо сочетаются с большинством других. Отсутствие у них компонентов тона и насыщенности позволяет считать их яркой или темной модификацией того цвета, с которым они в данный момент соседствуют.

Продолжение читайте в следующем посте Значение цвета