Подбор цветов для сайта

Подбор цветов для сайта

Подобрать цвета для сайта — дело на самом деле не такое уж и легкое.

Если цветовая схема нравится Вам — это не значит, что она будет нравиться всем. Вкусы у всех разные.

Поэтому, при разработке дизайна сайта следует уделить особое внимание на подбор цветовой гаммы.

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

Для начала давайте немного углубимся в теорию цвета.

По сложившейся художественной традиции основными (первичными) цветами считаются красный, синий и желтый.

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

При смешивании первичных цветов, мы получаем вторичные цвета:

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

Если смешать первичные и вторичные цвета, то получим — третичные. Объединив все эти цвета вместе, мы получаем цветовой круг. Его то мы и будем использовать для подбора цветов сайта.

Цветовой круг

Использование цветового круга для подбора цветов сайта.

Существует несколько способов, чтобы подобрать цвета, которые лучше всего сочетаются. Можно использовать любой из них, а также можно использовать несколько способов сразу.

Первый способ — триадная схема.

Этот способ подбора цветов является самым простым и распространенным. Нужно просто представить себе над цветовым кругом равносторонний треугольник. Его вершины укажут нам на цвета. На картинке представлено четыре варианта триадной схемы:

Триадная схема

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

Дополняющие цвета

Теперь переходим к более сложным вариантам — это комбинирование различных способов. Тут все зависит от вашей фантазии и чувства хорошего вкуса.

Можно использовать, например, две пары комплиментарных цветов:

Подбор цветов для сайта

Можно использовать триаду и цвет, комплиментарный одному из цветов триады:

Цвета для сайта

Можно использовать черыре цвета, расположенные друг напротив друга (получается один первичный, один вторичный и два третичных цвета):

Подбор цветов

Есть еще два способа, которые мы еще не рассмотрели: монохроматический и смежные цвета. Монохроматический способ использует разные оттенки одного цвета:

Монохроматический способ подбора цветов

Смежные цвета берут из цветового круга. Они расположены рядом:

Смежные цвета

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

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

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

Подбирайте цвета для Вашего сайта и переходите к следующему шагу — созданию дизайна Вашего сайта.

Желаю Вам удачи.

Чтобы не пропустить выход новых статей, советую получать новые статьи на e-mail.

Обновления блога:

Вы еще не читаете нашу ?
Тогда получайте новые статьи на E-mail:
Моя статья помогла Вам? Это хорошо! Теперь не нужно жадничать - поделитесь этой статьей с друзьями в социальных сетях.
Хотите быть в курсе того, что происходит на сайте? Читайте меня в Твиттере.

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

  1. В свое врем, когда создавала сайт, долго мучалась с подбором цветов. Ваша статья мне бы сберегла много времени. Спасибо и удачи! Заходите ко мне — у меня блог для дам за рулем и интернет для всех, без различия пола и возраста. Оцените мои фотошопные потуги.

    • Очень даже симпатичный сайтик у Вас. Приятно радует глаз. Цветовая гамма в норме. Круто. Дам жене на заметку.

  2. Очень интересная статья. Я немного балуюсь в Гимпе и с подбором цвета всегда проблема. Теперь, благодаря Вам, будет гораздо легче. Спасибо большое!!

    • Есть еще много сервисов по подбору цветовой палитры. Я еще буду делать обзоры.

      У Вас, кстати, тоже с дизайном все ОК. Мне понравился сайт. Единственное, посмотрите, там у Вас выпадающая менюшка уходит за страницу с контентом. Нужно на передний план вытянуть.

  3. У меня был заказчик,который хотел черный сайт,я сделала,говорю ему,что мрачновато получается. В итоге подобрали палитру,которая понравилась обоим (чисто-черный разбавила серо-коричневым оттенком). Практически постоянно пользуюсь бесплатным pixlr.com.