Пост из русскоязычного блога сервиса дизайна Canva.
В магазине люди выбирают товар по цвету упаковки в 80–90% случаев. Текстура, запах и звук вместе взятые не так сильно влияют на покупателя, как цвета. А в социальных сетях и на веб-сайтах верное сочетание цветов — самый очевидный способ мотивировать к покупке.
Выбор палитры начинается с ощущения, которое должен вызывать дизайн. Каждый оттенок ассоциируется с определенными чертами характера, настроением. Например, пурпурный — изящный цвет, а коричневый — брутальный и суровый. Поэтому, выбирая цветовые сочетания, нужно ориентироваться на те эмоции, которые оно должно вызвать у покупателя.
Особенно заметно значение цветов, когда компании проводят ребрендинг. В начале 2019 года Озон поменял свой логотип: сдержанный голубой цвет, который ассоциируется с надежностью и безопасностью, заменили на насыщенные синий и малиновый. Такое сочетание выглядит более кричащим, ярким — как объяснили представители компании, они хотят привлечь молодую аудиторию. То есть смена целевой аудитории заставила компанию целиком поменять цветовые сочетания, с которыми она хочет ассоциироваться.
Чтобы выбрать удачную гамму, нужно учитывать культурные традиции конкретного региона, восприятие и опыт конкретной аудитории. Очень важно оценить, насколько цвета гармонируют между собой и какие эмоции вызывают их сочетания. Поэтому мы собрали 100 самых разных палитр и на их примере рассказали, как создавать цветовые сочетания, которые расскажут о вашей компании больше, чем любые слова.
Как подбирать цветовые сочетания с помощью генератора палитры Canva
Экспериментировать с оттенками поможет генератор цветовых сочетаний Canva.
Он «раскладывает» любое фото на основные оттенки и показывает их hex-коды, чтобы вы легко могли найти их в графическом редакторе.
Генератор палитры помогает найти интересные сочетания цветов на картинках и фотографиях. Проанализируйте снимки фотографов, которыми восхищаетесь, гаммы известных картин или цветовое оформление конкурентов. Так вы поймете, какие цвета подойдут для корпоративного стиля вашей компании и ее сайтов, рекламных материалов и даже интерьера офисов.
- Откройте генератор палитры. Он предложит загрузить свое изображение или проанализировать случайную картинку из коллекции Canva. Нажмите на «Upload an image».
- Загрузите нужное изображение с компьютера: выберите его и нажмите «Открыть».
- Ваша палитра готова. Кликните на понравившийся цвет — и его hex-код автоматически скопируется.
- Введите код в любой графический редактор: откройте палитру и вставьте скопированное значение. Например, в этом шаблоне Сanva мы использовали цветовую гамму фотографии, чтобы сделать для нее стильный фон в посте для цветочного магазина.
Чтобы вы могли оценить свои впечатления от разных палитр и найти вдохновение, мы собрали для вас интересные цветовые сочетания, подобранные с помощью генератора палитр.
Примеры лучших сочетаний цветов
Природа
1. Утренняя свежесть
Зеленый цвет во всех культурах ассоциируется с безопасностью, природой, устойчивостью. Используйте его, чтобы показать экологичность вашего бренда.
С зеленым гармонируют красный — его комплиментарный цвет в цветовом спектре. Вместе они создают яркое и насыщенное цветовое сочетание.
2. Янтарь и лазурь
Оранжевый и синий — еще одно комплиментарное сочетание цветов. Янтарный, медный, охра выразительно смотрятся на фоне небесных оттенков, поэтому эта палитра стала базовой для современного кинематографа.
3. Пустыня
А такое цветовое сочетание называется аналоговым: разные оттенки оранжевого и коричневого стоят рядом в спектре, поэтому прекрасно смотрятся вместе. Если хотите добиться большей мягкости, попробуйте добавить сливовый или розоранж.
4. Яркая Исландия
Это пример хорошо иллюстрирует влияние контекста на то, как люди воспринимают цвет. Таких сероватых полутонов часто избегают, потому что они не насыщенные, слишком спокойные. Но добавьте сочный зеленый — и блеклые цвета станут уместными.
Составляя цветовые сочетания для сайтов и соцсетей, всегда помните в каком окружении люди их увидят. Иногда, чтобы выделиться, нужно выбрать сдержанность.
5. Морская волна
Монохроматическая схема — это палитра, составленная из разных оттенков одного цвета. Она выглядит аккуратно и гармонично, если использовать светлые тона как фон, а насыщенными выделить акценты — заголовки, кнопки.
Морские цвета привлекают разумных покупателей, которые тратятся только на надежные и качественные вещи и избегают спонтанных покупок. Это обыгрывают шаблоны Blue and Gold Book Icon Education Logo и Navy Blue Coral Reef.
6. Лес после дождя
Если вам нужен дизайн, который подчеркивает натуральность, выбирайте зеленые и коричневые оттенки. Чтобы цветовое сочетание не получилось тусклым и слишком консервативным, попробуйте добавить к палитре «неоновый» лайм.
7. Свежая зелень
Еще один монохромный набор, который акцентирует внимание на экологичности. Его также можно использовать, чтобы создать чувство безопасности, успокоить или… пообещать прибыль.
8. Цветочный луг
Красный, желтый и синий — классическая триада цветового спектра. Объединить их все в одном дизайне — очень смелое решение. Здесь такое сочетание цветов смотрится хорошо за счет того, что все оттенки слегка приглушены. Поэтому их можно использовать и в качестве фона, как в этом шаблоне Yellow Illustrated Classroom Preschool Poster.
9. Нежные тюльпаны
У каждого цвета есть своя «температура». Теплые оттенки ассоциируются с уютом, летом, защищенностью, детством. Может, именно благодаря такой теплой бирюзе, героиня из фильма «Завтрак у Тиффани» так безопасно чувствовала себя в магазине Tiffany?
Это цветовое сочетание хорошо подойдет, если ваш товар — для малышей или домашнего хозяйства.
10. Горное озеро
Цвета должны выстраиваться в иерархию. Лучше выбирать спокойные базовые цвета для фона и разбавлять их яркими акцентами с самой важной информацией. Пользователь, пролистывая страницу, обратит внимание на все яркие пятна — а значит, узнает все самое важное.
Именно так стоит использовать и эту палитру — на сдержанные серые оттенки наложить яркий салатовый акцент.
11. Свежесть и энергия
Голубой ассоциируется с гармонией и миром. Если поддержать его натуральным зеленым и «успокоить» такое сочетание цветов серым — получится палитра, которая помогает формировать доверие к бренду.
12. Прибой у песчаного берега
Такое сочетание цветов неизбежно вызывает ассоциацию с пляжем, отдыхом. При этом песочные цвета согревают, а морские — освежают дизайн. Главное достоинство палитры — заметный контраст тонов и температур, который привлекает внимание.
13. Осень
В рекламе желто-красную часть спектра используют для создания иллюзии теплоты и близости предмета. Однако с ржавыми и багряными оттенками нужно знать меру — эти цвета могут вызывать неприятные ассоциации с грязью и ощущение тяжести.
14. Голубые и серые льды
Сам по себе серый цвет невыразительный и создает ощущение формальности: серые афиши или буклеты могут показаться скучными и официозными. Но стоит добавить яркие голубые оттенки — и серый из обыденного превращается в современный, технологичный цвет. Это очень яркий пример того, как сочетание цветов определяет их восприятие.
15. Птицы и ягоды
С одной стороны — оттенки разной яркости на грани красного и синего, с другой — комплиментарный для них желтый. Получилась еще одна вариация на тему монохромного дизайна с контрастным акцентом.
16. День и ночь
Идеальный пример контраста. Сильные, яркие оттенки желтого и оранжевого «кричат» на зрителя с холодного фона цвета индиго. Представьте, как хорошо запомниться ваш логотип, если подобрать к нему настолько же контрастный фон.
17. Стильное ретро
Эти теплые цвета напоминают старые пленочные фотографии — отлично подойдут для компаний, которые делают упор на традиции, опыт, но при этом не боятся ассоциаций с нежными оттенками. Например, ювелирных брендов.
18. Цитрус и трава
Радость и жизнь — так расшифровывается это цветовое сочетание. Желтый бодрит и возбуждает (но без того подтекста тревоги, который есть в красном). Зеленый намекает на пробуждение, поддерживает.
19. От заката до сумерек
Обратите внимание не только на сами палитры, но и на названия оттенков. Если вы продаете одежду, мебель, текстиль, придумайте красивые названия для цветов, которые используете. «Бледно-розовый» может отпугнуть, а вот нежный «румянец» намекает на красоту и естественность.
20. Тропический цветок
Тропические оттенки привлекают внимание, но используйте их аккуратно: если глаза устанут от ядовитого розового, посетитель может уйти с сайта раньше, чем сделает покупку. Чтобы цвета не «кричали», используйте слегка выбеленные оттенки.
21. Теплая листва
22. Ягоды земляники
23. Летний подсолнечник
Если использовать все четыре цвета этой палитры, получиться двойная комплементарная гамма, в которой зеленый и оранжевый будут основными цветами, а синий и желтый — вспомогательными.
Дизайн с таким цветовым сочетанием лучше создавать вместе с профессионалом: если неумело с ним обращаться, получиться сумбурная и невыразительная гамма.
24. Современность
Сдержанная и стильная монохромная палитра. Подойдет для деловых компаний, которые хотят подчеркнуть современность и профессионализм.
Кроме того, это сочетание цветов удачно для презентаций. Темно-зеленый лучше сделать фоновым, чтобы белый текст легко читался даже в светлом помещении. Темный фон поможет избежать пересвета, если зрители захотят сфотографировать слайд.
25. Море и пшеница
Классическая комбинация: нейтральные темно-синий и cлоновая кость на фоне, ярко-красный — на переднем плане. Если боитесь агрессии красного, то используйте нежный и безопасный цвет слоновой кости.
Еда и напитки
26. Чашка капучино
Оттенки серого и коричневого могут сочетаться почти с любыми цветами. В зависимости от контекста эти цветовые сочетания могут обозначать и премиальность роскошного отеля, и уют кофейни за углом.
Если хотите создать такие кофейные сочетания, используйте шаблоны Coffee Coupon или Birtday Post.
27. Корзинка овощей
Эти оттенки очень похожи по насыщенности, но кардинально разные по цветам. Поэтому палитра выглядит разнообразной, но согласованной.
28. Садовая свежесть
Оранжевый — динамичный и энергичный, подходит для молодежных брендов. Используя его, позаботьтесь о том, чтобы остальные оттенки успокаивали и уравновешивали дизайн. В этом интересном цветовом сочетании его сдерживают белый и мягкий светло-зеленый.
29. Летнее барбекю
30. Ягодная синева
Синий — цвет, который дает почувствовать гарантию. Темные тона обещают защитить, а светлые означают открытость и прозрачность. Именно поэтому синие оттенки используют банки, компьютерные компании, социальные сети.
31. Стойка с лимонадом
32. Безмятежность СПА
Бледные оттенки этой палитры успокаивают и убаюкивают. Однако использовать эту гамму без яркого акцента не рекомендуем — баннер или буклет может получиться слишком вялым и неприметными.
33. Веселая и тропическая
Эта цветовая гамма подойдет, когда нужен дизайн приглашения на летнюю вечеринку, детский плакат или туристический буклет. Палитра как бы подсказывает, где искать все веселье.
34. Пряность
Оттенки коричневого контрастируют по насыщенности, поэтому в палитре есть и фоновый и акцентный цвет. В разных контекстах бежевый и коричневый могут означать устойчивость, умеренность, сладкий вкус.
35. Пастель
Нежное и воздушное сочетание цветов подойдет для рекламы кафе, детских товаров и других продуктов, которые «обещают» легкость и олицетворяют заботу, нежность. Но как всякая пастельная гамма, эта палитра может легко потеряться на фоне более ярких оттенков.
36. Сыр, инжир и базилик
37. Солнечный цитрус
38. Яблочный контраст
Красный и зеленый — цвета не просто контрастные. Они прямо противоположны по смыслу: красный кричит о срочности, опасности, угрозе, зеленый — успокаивает и поддерживает. Поэтому сочетать их яркие оттенки можно только в рождественской рекламе. Другое дело — вот такие мягкие вариации.
39. Теплая пастораль
40. Неоновая ночь
41. Ювелирные тона
42. Изысканная простота
43. Свежая зелень
44. Зимние краски
Красный символизирует власть и агрессию. Его силу доказывает простой эксперимент: если показать людям фотографии футбольных команд в белой и красной форме и попросить назвать победителя, две трети выберут красную команду.
Оттененный спокойными бело-серыми цветами, красный намекает на силу и роскошь.
45. Летняя фиеста
46. Шоколадный брауни
Еще один способ использовать коричневый — добавить красных и фиолетовых тонов. Такое цветовое сочетание обещает уют и защищенность. Подходит для бизнеса, основанного на традициях, но не для IT-компаний.
47. Природная элегантность
48. Уют и тепло
49. Лосось и ржаной хлеб
50. Клубника со сливками
Красный с примесью оранжевого все так же пробуждает эмоции, но уже не «нападает» на смотрящего. Это интересное цветовое сочетание подходит для социальной рекламы: плакатов о донорстве крови, сайтов о волонтерстве, как в шаблонах Pastel Abstract Classroom Jobs Poster и Cream and Red Hand World Blood Donor Day Poster. Вспомните, к примеру, логотип Красного Креста.
Путешествия
51. Греческие каникулы
52. Яркая ночь
Белый, черный (или очень темный синий, как здесь), красный и желтый — распространенное цветовое сочетание. Гамма обозначает покорение новых горизонтов, сочетает силу и радость.
53. Винный покой
54. Городские контрасты
55. Зеленый туман
56. Солнечный городок
Цвета-аналоги складываются в мягкую гамму с доминирующим терракотовым оттенком. Цветовое сочетание подчеркнет безопасность, и может быть использовано не только в дизайне продуктов, но и в интерьере кофейни или шоурума, где вы хотите задержать клиентов :).
57. Солнце и небо
58. Водная синева
59. Городской оазис
60. Дерзость граффити
Динамичные оттенки подойдут для молодежных продуктов. Кричащая, бунтующая палитра этого граффити привлечет внимание в соцсетях или на баннере среди бетонного города.
61. Приглушенная античность
62. Шик без вульгарности
Элегантность и достоинство — вот о чем говорит глубокий синий в сочетании с золотым. Эти цвета отталкивают массового покупателя и притягивают премиум-сегмент. С их помощью можно создать ощущение элитности, дороговизны, хорошего вкуса.
63. Мегаполис
64. Солнце в городе
65. Ночная жизнь
Цвета чернил, которые используются в печати (голубой, фуксия, желтый и черный, известные как CMYK), — это очень агрессивная и насыщенная палитра. Лучше выбрать из нее несколько цветов, и добавить к этому сочетанию спокойных оттенков.
66. Побережье
67. Морские огни
68. Винтаж
69. С высоты полета
70. Арктический рассвет
Синий и серый — цвета интеллекта. Светлые оттенки снимают напряжение и понижают давление, а холод такого сочетания цветов можно использовать в летних рекламных кампаниях, когда внимание привлекает свежесть и прохлада.
71. Средиземноморский полдень
Цветовое сочетание «кетчуп и горчица» охотно используют в фаст-фуде. Красный стимулирует аппетит, а желтый обещает, что покормят быстро и привычно. Добавьте к этому ощущение тепла — и посетители захотят возвращаться к вам снова и снова!
72. Туман мегаполиса
73. Городские виды
74. Расслабляющее ретро
75. Зеленые поля
Теплые зеленые оттенки рассказывают о единении с природой. Используйте их, чтобы пообещать отдых или приключения, как в шаблонах Green and White Modern Slow Living Guide Presentation и Dark Green Interiors Photo Residential Architecture Presentation.
Повседневные вещи
76. Самобытная и неожиданная
77. Современный лоск
Черный, серый и белый всегда уместны. Чтобы у дизайна появился характер, добавьте кобальтовый синий, который подойдет и для университета, и для модного магазина.
78. Оранжевый акцент
79. По ту сторону черного и белого
Черно-белая база создает ощущение простоты и чистоты. А вот за настроение палитры отвечает нежный бирюзовый — гармоничный и спокойный цвет. Если боитесь, что такое простое сочетание цветов затеряется — добавьте яркий красный.
80. Нейтральный шебби шик
У аристократов считалось неприличным носить совершенно новые вещи: купленные костюмы сперва разнашивали слуги. Из этой традиции вырос «шебби шик» — стиль, в котором новым вещам придают вид старых и потертых. Цель — создать впечатление, что у каждой вещи своя история.
Палитра «затертых» цветов подойдет, чтобы подчеркнуть аристократизм, традиции и даже снобизм. Одним словом, заставит клиентов чувствовать свою исключительность.
81. Теплая и стильная
82. Индустриальная строгость
83. Осенний оранж
Это теплое сочетание цветов выделит публикации среди ярких постов, например, в Инстаграме. Или станет контрастным фоном для фотографий в ярко-синих, насыщенных зеленых тонах.
А вот для логотипа или рекламы такая палитра не подойдет: нет яркого акцента, чтобы привлечь внимание.
84. Вечеринка с бассейном
85. Классический металлик
Деловой и официальный дизайн с намеком на славную историю вашей компании. Цветовое сочетание может смотреться немного скучно, но понравится консервативной и даже немного чопорной аудитории.
86. Утонченность
87. Профессионализм и власть
88. Романтическая прогулка
89. Неоновая вывеска
Неоновый красный резко контрастирует с землистыми, приглушенными тонами коричневого и грифельного. Смелое сочетание цветов, которое лучше «облегчить» нежно-розовым, чтобы не утомлять аудиторию.
90. Золотой полдень
91. Сила знаний
92. Технология и природа
Еще один пример удивительной гармонии зелени и серебра. Если вы хотите рассказать о том, что вы создаете надежные вещи без вреда для окружающей среды, то это цветовое сочетание — о вас.
Желтый акцент поможет привлечь внимание.
93. Нежный контраст
94. Экзотика и прочность
95. Снова в школу
96. Живопись
97. Городская жизнь
98. Кухня 1950-х
99. Дымчатый пурпур
100. Хюгге
Помните про смысл и воздействие цветов, регулируйте температуру и яркость, создавайте четкий контраст — и ваш дизайн будет привлекать именно тех клиентов, которых вы ждете.
Блог о визуальной грамотности 