Содержание:

  1. Как подобрать двойную цветовую комбинацию?
  2. Тройная комбинация
  3. Эволюция трендовых цветов с 2012 до 2020 гг. по версии Pantone
  4. Онлайн-сервисы, в которые помогут подобрать цветовую комбинацию для сайта 

Если написать слово “красный” синей краской, а зеленой — “желтой” и заполнить хотя бы половину листа А4 схожим образом, то, скорее всего, к концу второй строки вы начнете называть оттенки, которые видите, а не читать текст. Если написать на зеленом фоне “Stop”, а на красном “Go”, то многие сделают все с точностью наоборот. Почему так происходит? У психологов есть ответ, и он кроется в Теории цвета. Согласно данной теории цвета имеют свой способ коммуникации с человеком, хотя мы этого часто не замечаем. Поэтому, выбирая свой основной цвет для брендирования веб сайта, ориентируйтесь на то, сможет ли он донести клиентам нужный вам месседж. Если основной цвет подобран очень тщательно и со всей ответственностью, то согласно исследованиям 51% предпринимателей оставляют фирменный раскрас монохромным, пользуясь различными оттенками одной краски. Вторую краску в корпоративный дизайн добавляют 30% разработчиков. А на три и больше краски решаются всего 19%. Если вы хотите разбавить свой основной тон и не потерять его шарм, тогда у нас для вас есть несколько несложных решений

Как подобрать двойную цветовую комбинацию?

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

  • Способ 1: Сочетать соседние оттенки.
  • Способ 2: Сочетать контрастные оттенки, находящиеся по диагонали друг к другу.

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

Цвета, которые сочетаются с красным

  • Теплая пара: Оранжевый 

Яркий тандем способный пробудить чувство голода. Ассоциируются с теплым закатом и фольклорным стилем. Такое сочетание лучше всего делать градацией, без это передаст ощущение подражанию небесному светилу.

Источник — Pinterest.com

  • Холодная пара: Фиолетовый

Два цвета, символизируют власть и силу, но кардинально отличаются по настроению. Красный цвет, с самой длинной волной в доминирующей позиции поглотит фиолет с самой короткой волной. Поэтому алый лучше всего приглушить или затемнить.

Холодная пара красный с фиолетовым

Источник — Pinterest.com

  • Контрастная пара: Зеленый

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

Красный с зеленым

Источник — Pinterest.com

Цвета, которые сочетаются с зеленым

  • Теплая пара: Желтый

Так можно создать довольно весеннюю и дружелюбную атмосферу вокруг своего бренда. Это сочетание цветов смотрится легко и натурально, словно солнце и трава, которые соприкасаются друг с другом на горизонте в теплый день.

Теплая пара зеленый с желтым

Источник — Pinterest.com

  • Холодная пара: Синий

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

Холодная пара зеленый с синим

Источник — Pinterest.com

  • Контрастная пара: Красный

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

Контрастная пара зеленый с красным

Источник — Pinterest.com

Цвета, которые сочетаются с синим

  • Теплая пара: Зеленый

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

Теплая пара синий с зеленым

Источник — Pinterest.com

  • Холодная пара: Фиолетовый

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

Холодная пара синий с фиолетовым

Источник — Pinterest.com

  • Контрастная пара: Оранжевый

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

Контрастная пара синий с оранжевым

Источник — Pinterest.com

Цвета, которые сочетаются с пурпурным

  • Теплая пара: Красный

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

Теплая пара пурпурный и красный

Источник — Pinterest.com

  • Холодная пара: Синий

Этот «холодный» дует прекрасно разогревает воображение и пробуждает внутреннюю силу, поскольку пурпурный, который здесь доминирует, — это цвет магии и тайны, а глубокий синий акцент только подчеркивает эту ассоциацию. 

Холодная пара пурпурный и синий

Источник — Pinterest.com

  • Контрастная пара: Желтый

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

Контрастная пара пурпурный с желтым

Источник — Pinterest.com

Цвета, которые сочетаются с оливковым

  • Теплая пара: Желтый

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

Теплая пара оливковый с желтым

Источник — Pinterest.com

  • Холодная пара: Синий

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

Холодная пара оливковый с синим

Источник — Pinterest.com

  • Контрастная пара: Фиолетовый

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

Контрастная пара оливковый с фиолетовым

Источник — Design-seeds.com

Цвета, которые сочетаются с ментоловым

  • Теплая пара: Зеленый

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

Теплая пара ментоловый с зеленым

Источник — Pinterest.com

  • Холодная пара: Синий

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

Холодная пара ментоловый с синим

Источник — Pinterest.com

  • Контрастная пара: Оранжевый  

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

Контрастная пара ментоловый и оранжевый

Источник — Pinterest.com

Цвета, которые сочетаются с золотым

  • Теплые оттенки

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

Теплые оттенки золотого

Источник — Pinterest.com

  • Холодные оттенки

Холодные краски в сочетании с золотом придают дизайну элегантного и роскошного вида. Лучше всего подбирать насыщенные оттенки цветов, которые смогут соответствовать блеску золота. 

Холодные оттенки золотого

Источник — Pinterest.com

Тройная комбинация 

Подобрать два цвета оказалось не так уж и сложно. А что если три? Для этого нужно опять обратиться к уже известному нам кругу. Как это сделать?

  • Способ 1: Сочетать соседние оттенки. Можно взять два цвета после основного или до него. Или же таким образом, чтобы он оказался посередине.
  • Способ 2: Сочетать контрастные цвета, расположенные на углах правильного треугольника.
  • Способ 3: Комбинировать два предыдущих способа, взяв два соседних оттенка, провести диагональ от одного из них, и добавив контрастный цвет, стоящий на этой диагонали.

Если дизайн вашего веб ресурса предполагает наличие трех оттенков, то воспользуйтесь правилом соотношения: 60% (основной цвет)- 30% (дополнительный) -10% (акцентный). Зная значение каждого цвета и компоновок двух оттенков, несложно предположить какую роль сыграет небольшой процент оттенка для расставления акцентов. 

Тройная комбинация цветов

Источник — Beadsandpieces.com

Эволюция трендовых цветов с 2012 до 2020 гг. по версии Pantone

Сейчас нумерация цветовой гаммы — это уже не ново. Но в 1963 году такое решение стало инновационным и принадлежало оно компании Pantone Matching System (PMS), которая запатентовала свою идею. С тех пор дизайнеры, модельеры, архитекторы и другие художники, имеющие дело с определением цвета, достигают взаимопонимания  с заказчиками, продавцами или производством значительно быстрее, указав только на номер цвета по системе пантон, не описывая его словами.

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

  • 2012 год: Мандариновое танго (Tangerine Tango 17-1463) — страстный и динамический оттенок, который стал источником жизненной энергии в экономически сложный период во всем мире. Мандарин сочетается с контрастной насыщенной бирюзой и флоксой, а также отлично дополняет сливочный, бежевый, бледно-желтый и цвет латте. 
Мандариновое танго

Источник — Pinterest.com

  • 2013 год: Изумрудный (Emerald 17-5641) — олицетворяет роскошь и сияние, особенно в сочетании с золотом. Изумруд был призван продолжить настроение мандаринового и добавить в него немного больше глубины и смысла. Яркому изумруду хорошо подходит нейтральная ахроматическая палитра. Более контрастно он смотрится со сливовыми и синими тонами. 
Изумрудный цвет

Источник — Pinterest.com

  • 2014 год: Сияющая Орхидея (Radiant Orchid 18-3224) — символ любви, радости и благополучия. Сочетание фуксии, розового и фиолетового передает стремление к творчеству и оригинальности, что исследователи Института Пантон сочли необходимыми чертами в современном мире. Цвет гармонично смотрится с персиковым, бледно-желтым, золотым, а также синими и ахроматическими тонами.
Сияющая Орхидея

Источник — Pinterest.com

  • 2015 год: Марсала (Marsala 18-1438) — цвет назван в честь красного сицилийского вина не зря. Ведь он действительно сумел опьянить нас на многие годы. Но в 2015 марсала ворвался во все дизайнерские индустрии новым, свежим решением, и стал предпочтением миллионов пользователей. Он сумел продолжить яркость, уверенность и роскошь предшественников и внести  свой собственный шарм в цветовую палитру моды.
Цвет марсала

Источник — Pinterest.com

  • 2016 год: Розовый кварц (Rose quartz 13-1520) и Голубая безмятежность (Serenity 15-3919) — настоящий сюрприз от колористов Института, так они выбрали не один основной цвет года, а сочетание двух контрастов. Это как женское и мужское начало, как радость и спокойствие — гармония противоположностей, которая сошлась в пастельных тонах цветов.
Розовый кварц

Источник — Pinterest.com

  • 2017 год: Салатовый (Greenery 15-0343) — словно олицетворение юношеского максимализма и амбициозности и вдохновения. Последний раз изумрудный зеленый цвет был моде в 2013, но 4 года спустя это совершенно новая зелень. Вызывающий цвет сочетается с не менее взрывными розовым, желтым, оранжевым, красным и ярко-голубым тонами.
Салатовый

Источник — Pinterest.com

  • 2018 год: Ультрафиолет (Ultra Violet 18-3838) — глубокий, духовный, провокационный, драматичный и, почти, космический цвет. Сам по себе фиолет является прерогативой неординарных творческих идей и символом инакомыслия, неприятия консервативности. Ультрафиолет стал не просто цветовым выбором, а сумел отразить желание современного человека расшифровать тайны космоса и собственной души.
Ультрафиолет

Источник — Pinterest.com

  • 2019 год: Живой коралл (Living Coral 16-1546) — яркий тренд уходящего года несет в себе мудрый месседж. Ведь кораллы, украшающие дно океана могут быть такого насыщенного и здорового оттенка только в чистой окружающей среде. Поэтому живой коралловый стал отличным и актуальным напоминанием для нас о необходимости заботиться о живой природе.
Живой коралл

Источник — Pinterest.com

  • 2020 год: в Институте прогнозируют тенденцию к натуральным, естественным и спокойным оттенкам. Поэтому доминирующими красками в следующем году предположительно будут разные оттенки зеленого: от бирюзового до оливкового, а также приглушенные, пастельные гаммы других природных цветов.
Оттенок зеленого: от бирюзового до оливкового

Источник — Pinterest.com

Онлайн-сервисы, в которые помогут подобрать цветовую комбинацию для сайта 

Если оттенки элементарные, то найти им пару несложно. Но что делать, когда в дизайне присутствуют цвета, название которых даже сложно выговорить? Экзотические краски часто сложно однозначно определить к какому-то одному цвету, они как-будто стоят на периферии. Соответственно и пару подыскать им становиться настоящим испытанием. Но мы знаем верных помощников в этом деле. Сделайте подборку своей цветовой гаммы автоматической благодаря онлайн-сервисам.

Coolors

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

Logaster

Онлайн-сервис, который разрешает создать логотип и всю фирменную продукцию за 10 минут. Эта преимущественное свойство сервиса, так как здесь вы сможете оценить свое решение непосредственно на корпоративный элементах. Генератор демонстрирует самые интересные комбинации палитры для вашего бренда. Остается только выбрать лучшую.

Colormind

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

Material Color Tool

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

Colordot

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

Palettr

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

Palettr

Готовы создать собственный логотип?

Отлично! Ведь онлайн-сервис Logaster уже ждет вас, чтобы познакомить со своей огромной библиотекой качественных готовых иконок для фирменного знака.

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

Создавайте свой дизайн сейчас

Приступите к разработке своего фирменного стиля прямо сейчас. Введите название своей компании — и всего через минуту логотип будет у вас! Попробуйте сами! Нет ничего проще!

Хотя бы 3 символа в длину.