Сочетаемость таблица цветов: Сочетание цветов: таблица

Сочетаемость цветов

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

Цвета, которые меняют наше восприятие действительности и управляют нами:

Красный цвет

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

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

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

Красно-коричневый цвет полов, напротив, стоек к истиранию, прочен.

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

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

Опыты показали, что даже при закрытых глазах рядом с красными поверхностями возникает чувство раздражения.

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

Атмосферу для серьезных размышлений создают холодные тона красного.

Спокойным и симпатичным считается темно-красный, который способствует созданию праздничной и солидной обстановки.

Желтый цвет

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

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

Мягкий желтый оказывает обратное влияние: он согревает, создает ощущение радости и солнечности.

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

Благодаря своей легкости желтый как бы приподнимает предметы и поверхности, делает их легче.

Синий цвет

Самый надежный и первый среди предпочитаемых цветов.

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

Чувство ясности и свежести усиливают по утрам синие кафельные плитки в ванной комнате.

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

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

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

Зеленый цвет

Из всех цветов самый природный и статичный.

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

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

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

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

Синеватые зеленые тона создают атмосферу деловитости и хороши для глаз, не утомляют их и не слепят.

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

---

(Пресс-релиз концерна BASF)

В мире автомобильных расцветок доминируют прогресс и целесообразность. Представляя рынку цветовую гамму коллекции Making Headway («На пути вперед»), дизайнеры концерна BASF прогнозируют дальнейшее распространение этой тенденции. «Новые технологии, новые модели и новые концепции мобильности подводят нас к грядущей переоценке ценностей. В данном контексте именно зеленый цвет, символизирующий рост и развитие, начинает играть ключевую роль», — пояснил Марк Гутьяр, руководитель европейского дизайнерского подразделения в составе концерна BASF.

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

Зеленый цвет перерос свой экологический имидж

Тот факт, что зеленая цветовая гамма наращивает свои позиции на автомобильном рынке, проистекает вовсе не из ее логической связи с окружающей средой и образом первозданной природы. Новая «зеленая волна», которая ожидается в предстоящие три-четыре года, оставляет свой экологический имидж позади. Зеленый цвет символизирует новые качества — прямоту, ответственность и индивидуальность, а также гармоничность и сбалансированность; именно эти ценности становятся все более значимыми в современном обществе.

Глобальная тенденция с региональными вариациями

В условиях глобализации вопросы сохранения индивидуальности приобретают обостренную важность. Зеленая гамма отражает интерес к более смелым автомобильным расцветкам и стремление активно выделиться на общем фоне. С другой стороны, исследования дизайнеров BASF выявили четкие региональные различия. Зеленый цвет «наступает» в глобальном масштабе, но материализация этого процесса в странах Европы, Северной Америки и Азиатско-Тихоокеанского региона происходит по-разному. Так, европейские дизайнеры делают упор на сдержанность и качество, что обусловливает сбалансированный и подробно проработанный, но при этом выразительный портфель оттенков. Темно-зеленые и изумрудные тона иллюстрируют сложные структуры и характеризуются умеренным использованием эффектов. Насыщенный зеленый цвет становится чище благодаря золотистым оттенкам.

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

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

Цвета становится больше

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

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

Таблица сочетаемости цветов

---

Гармоничные сочетания цветов. Цветовой круг Йоханесса Иттена. Aipa.ru

Характеристика и классификация цветов

Цвета подразделяют на хроматические, т. е. цветные, и ахроматические (белые, черные и все серые).

Качественные характеристики:

• цветовой тон (a) — определяет название цвета: зеленый, красный, желтый, синий и др.
• насыщенность (б) — термин насыщенность цвета определяется его близостью к спектральному. Чем ближе цвет к спектральному, тем он насыщеннее. Например оранжевый — апельсина. Цвет теряет свою насыщенность от примеси белого или черного цвета.
• светлота (в) — светлота характеризует, насколько тот или иной хроматический цвет светлее или темнее другого цвета или насколько данный цвет близок к белому. (На практике принято заменять этот понятие понятием «яркость»). К светлым можно отнести желтый, розовый, голубой, светло-зеленый и т. п., к темным — синий, фиолетовый, темно-красный и другие цвета.

Чтобы пользоваться всеми бесчисленными оттенками цветов и извлекать из этого пользу, мы должны иметь хорошее представление о теории цвета. Особой популярностью пользуется цветовой круг Йоханесса Иттена, который является основополагающим при изучении«Теории цвета»и«Цветоведения» в современных высших и средних учебных заведениях архитектуры, дизайна и изобразительного искусства.

В круге Иттена основой являются три цвета: синий, красный и жёлтый.

Далее следуют цвета второго порядка, получаемые из смешения между собой основных: зелёный, оранжевый, фиолетовый (синий + красный =фиолетовый; красный + желтый =оранжевый; желтый + синий =зеленый). Эти цвета называются составными. Так мы получаем уже шестичастный цветовой круг. А если основные и составные цвета смешать в равной степени, то мы получимтретичные цвета.

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

Такой цветовой круг уже можно использовать для подбора гармоничных цветовых сочетаний. Если в цвет добавить белый цвет, то его насыщенность снижается до пастельных тонов. И наоборот, при добавлении черного цвета тон становится темнее. Другими словами, такое разбавление хроматических цветов ахроматическими называется «цветовая растяжка», которая и даёт нам вот такой цветовой круг на основе всё тех же 12 цветов, но с множеством тонов и оттенков.

Итак, основные схемы гармоничного сочетания цветов следующие.

Классические схемы сочетания цветов

1. Монохромное сочетание

Сочетание тонов и оттенков одного цвета в пределах одного сектора на цветовом круге. То есть один цвет различается только яркостью и насыщенностью.

2. Аналогичное сочетание цветов

Сочетание трёх соседних цветов в цветовом круге (зеленого, сине-зеленого и желто-зеленого). Подобное сочетание хорошо подходит для оформления интерьеров, особенно детских комнат.

Аналогичное сочетание цветов

3. Комплементарные цвета (проще говоря, дополняющие) являются вторичными, т.е. создаются путем соединения двух первичных. На цветовом круге они располагаются напротив первичного цвета, который в себе не содержат. Проще говоря два противоположных на цветовом круге цвета

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

Комплементарное сочетание

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

Разбитое дополнение

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

Триадное сочетание

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

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

Схемы гармоничного сочетания цветов

Шпаргалка по цветовым сочетаниям, которая вам нужна (2023)

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

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

Начните продавать онлайн прямо сейчас с Shopify

Начните бесплатный пробный период

Основы цветовых комбинаций

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

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

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

История этого незаменимого справочника для художников и дизайнеров восходит к началу 1700-х годов. Будь то в начальной школе или в последний раз, когда вы использовали Photoshop, большинство из нас в какой-то момент видели версию цветового круга. Понимание основ цветового круга значительно поможет вам в выборе цветовой комбинации, особенно если вы не очень хорошо разбираетесь во вселенной теории цвета.

Как работает цветовой круг?

Простой цветовой круг состоит из 12 цветовых оттенков, расположенных вокруг центральной втулки.

Цветовой круг, состоящий из первичных, вторичных и третичных цветов

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

Основные цвета, выделенные на цветовом круге

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

• Красный + Синий = Фиолетовый
• Синий + желтый = зеленый
• Красный + Желтый = Оранжевый

Вторичные цвета, выделенные на цветовом круге

Третичные цвета получаются путем смешивания одного из основных цветов с одним из ближайших вторичных цветов. Третичные цвета встречаются между всеми первичными и вторичными цветами.

• Красный + оранжевый = красно-оранжевый
• Желтый + Оранжевый = Желто-оранжевый
• Желтый + Зеленый = Желто-зеленый
• Синий + Зеленый = Сине-зеленый
• Синий + Фиолетовый = Сине-фиолетовый
• красный + фиолетовый = красно-фиолетовый

Третичные цвета, выделенные на цветовом круге
Цветовая терминология

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

• Оттенок. Термины «цвет» и «оттенок» часто используются художниками и дизайнерами как синонимы. Однако на самом деле они означают разные вещи. В общем, «цвет» относится ко всем цветам, включая черный, белый и серый. Напротив, «оттенок» относится к происхождение цвета, который мы видим. Это база цвета и всегда является одним из шести основных и вторичных цветов на цветовом круге.
• Оттенок. Оттенок – это более светлая версия данного оттенка. Это оттенок, к которому добавлен только белый . Оттенок может варьироваться от оттенка чуть светлее исходного до почти белого с небольшим количеством цвета в нем . Иногда оттенок может казаться ярче исходного оттенка, но это просто более светлая версия.
• Тень. Это противоположность оттенка. Тень — это оттенок, к которому добавлен только черный. Он может включать различное количество черного, и полученный цвет может быть чуть темнее исходного оттенка или может быть почти черным. Простой способ запомнить это — подумать о том, как трава в тени дерева кажется темнее, чем трава на солнце.
• Тон. Это очень похоже на оттенок и оттенок, но вместо оттенка с добавлением белого или черного, это оттенок только с добавлением серого. Серый цвет, добавленный для создания тона, должен состоять только из черного и белого цветов, никаких других цветов (многие цвета, которые считаются серыми, на самом деле имеют основу, являющуюся оттенком). Тонированные цвета, как правило, считаются более сложными, чем чистые оттенки.  
• Тепло против холода. Теплые цвета — это те, которые напоминают или символизируют тепло, а холодные цвета относятся к льду и более низким температурам. Например: красный, оранжевый, желтый и красно-фиолетовый — теплые цвета, а синий, фиолетовый, зеленый и сине-зеленый — холодные.

Психология цвета

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

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

«Цвет — это сила, которая непосредственно влияет на душу». — Василий Кандинский

Ниже приводится краткое описание различных оттенков и чувств, которые они часто вызывают:

• Красный : волнение, опасность, энергия, мужество, сила, гнев
• Оранжевый : творчество, энтузиазм, здоровье, счастье, поощрение, равновесие
• Желтый : солнце, надежда, оптимизм, свет, позитив, свежесть
• Зеленый : здоровье, природа, обновление, щедрость, свежесть, окружающая среда
• Синий : свобода, доверие, экспансивность, надежность, вера, вдохновение
• Фиолетовый : королевская власть, роскошь, сила, гордость, творчество, тайна

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

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

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

Комбинации цветов

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

Монохромные комбинации

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

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

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

Дополнительные комбинации

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

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

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

Примеры комбинаций дополнительных цветов:

• Красный и зеленый
• Синий и оранжевый
• Желтый и фиолетовый
• Желто-зеленый и красно-фиолетовый
• Красно-оранжевый и сине-зеленый
Выше приведен пример дополняющей комбинации: синий и оранжевый. Обратите внимание, как они расположены прямо напротив друг друга на цветовом круге.
Аналогичные комбинации

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

Примеры аналогичных комбинаций:

• Фиолетовый, синий и бирюзовый
• Красный, фуксия и фиолетовый
• Красный, оранжевый и желтый
• Зеленый, синий и фиолетовый

Раздельные дополнительные комбинации

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

Примеры разделенных дополнительных цветовых схем:

• Красный, сине-зеленый и желто-зеленый
• Синий, красно-оранжевый и желто-оранжевый
• Желтый, сине-фиолетовый и красно-фиолетовый
• Фиолетовый, желто-оранжевый и желто-зеленый

Триадные цветовые комбинации

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

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

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

Триадные цвета Примеры:

• Красный, желтый и синий
• Фиолетовый, зеленый и оранжевый
• Сине-фиолетовый, красно-оранжевый и желто-зеленый

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

Тетрадические комбинации 

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

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

Примеры четырехцветных схем:

• Красный, зеленый, сине-фиолетовый и желто-оранжевый
• Желтый, фиолетовый, сине-зеленый и красно-оранжевый

Ключ к экспериментам

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

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

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

Наши любимые комбинации
Монохром
Искусство Кимберли Рэйчел . Цветовые палитры из Canva .
Дополнительный
Искусство Кимберли Рэйчел . Цветовые палитры из Canva .
Аналог
Цветовые палитры из Canva .
Сплит
Искусство Кимберли Рэйчел . Цветовые палитры из Canva .
Триада
Искусство Кимберли Рэйчел . Цветовые палитры из Canva .
Тетрадик
Цветовые палитры из Canva .

Начните продавать онлайн прямо сейчас с Shopify

Начните бесплатный пробный период

Хотите узнать больше?

• Как пользоваться Photoshop: учебные пособия по Photoshop для начинающих
• 20 лучших онлайн-конструкторов логотипов: создайте свой собственный логотип
• 17 простых приемов дизайна интернет-магазина, которые помогут резко увеличить продажи
• 40 удивительных примеров дизайна веб-сайта электронной коммерции

У вас есть свои красочные советы или хитрости? Мы хотели бы услышать их. Дайте нам знать об этом в комментариях!

Шпаргалка по сочетаниям цветов (2023)

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

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

Начните продавать онлайн прямо сейчас с Shopify

Начните бесплатный пробный период

Основы цветовых комбинаций

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

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

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

История этого незаменимого справочника для художников и дизайнеров восходит к началу 1700-х годов. Будь то в начальной школе или в последний раз, когда вы использовали Photoshop, большинство из нас в какой-то момент видели версию цветового круга. Понимание основ цветового круга значительно поможет вам в выборе цветовой комбинации, особенно если вы не очень хорошо разбираетесь во вселенной теории цвета.

Как работает цветовой круг?

Простой цветовой круг состоит из 12 цветовых оттенков, расположенных вокруг центральной втулки.

Цветовой круг, состоящий из первичных, вторичных и третичных цветов

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

Основные цвета, выделенные на цветовом круге

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

• Красный + Синий = Фиолетовый
• Синий + желтый = зеленый
• Красный + Желтый = Оранжевый

Вторичные цвета, выделенные на цветовом круге

Третичные цвета получаются путем смешивания одного из основных цветов с одним из ближайших вторичных цветов. Третичные цвета встречаются между всеми первичными и вторичными цветами.

• Красный + оранжевый = красно-оранжевый
• Желтый + Оранжевый = Желто-оранжевый
• Желтый + Зеленый = Желто-зеленый
• Синий + Зеленый = Сине-зеленый
• Синий + Фиолетовый = Сине-фиолетовый
• красный + фиолетовый = красно-фиолетовый

Третичные цвета, выделенные на цветовом круге
Цветовая терминология

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

• Оттенок. Термины «цвет» и «оттенок» часто используются художниками и дизайнерами как синонимы. Однако на самом деле они означают разные вещи. В общем, «цвет» относится ко всем цветам, включая черный, белый и серый. Напротив, «оттенок» относится к происхождение цвета, который мы видим. Это база цвета и всегда является одним из шести основных и вторичных цветов на цветовом круге.
• Оттенок. Оттенок – это более светлая версия данного оттенка. Это оттенок, к которому добавлен только белый . Оттенок может варьироваться от оттенка чуть светлее исходного до почти белого с небольшим количеством цвета в нем . Иногда оттенок может казаться ярче исходного оттенка, но это просто более светлая версия.
• Тень. Это противоположность оттенка. Тень — это оттенок, к которому добавлен только черный. Он может включать различное количество черного, и полученный цвет может быть чуть темнее исходного оттенка или может быть почти черным. Простой способ запомнить это — подумать о том, как трава в тени дерева кажется темнее, чем трава на солнце.
• Тон. Это очень похоже на оттенок и оттенок, но вместо оттенка с добавлением белого или черного, это оттенок только с добавлением серого. Серый цвет, добавленный для создания тона, должен состоять только из черного и белого цветов, никаких других цветов (многие цвета, которые считаются серыми, на самом деле имеют основу, являющуюся оттенком). Тонированные цвета, как правило, считаются более сложными, чем чистые оттенки.  
• Тепло против холода. Теплые цвета — это те, которые напоминают или символизируют тепло, а холодные цвета относятся к льду и более низким температурам. Например: красный, оранжевый, желтый и красно-фиолетовый — теплые цвета, а синий, фиолетовый, зеленый и сине-зеленый — холодные.

Психология цвета

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

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

«Цвет — это сила, которая непосредственно влияет на душу». — Василий Кандинский

Ниже приводится краткое описание различных оттенков и чувств, которые они часто вызывают:

• Красный : волнение, опасность, энергия, мужество, сила, гнев
• Оранжевый : творчество, энтузиазм, здоровье, счастье, поощрение, равновесие
• Желтый : солнце, надежда, оптимизм, свет, позитив, свежесть
• Зеленый : здоровье, природа, обновление, щедрость, свежесть, окружающая среда
• Синий : свобода, доверие, экспансивность, надежность, вера, вдохновение
• Фиолетовый : королевская власть, роскошь, сила, гордость, творчество, тайна

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

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

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

Комбинации цветов

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

Монохромные комбинации

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

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

Дополнительные комбинации

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

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

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

Примеры комбинаций дополнительных цветов:

• Красный и зеленый
• Синий и оранжевый
• Желтый и фиолетовый
• Желто-зеленый и красно-фиолетовый
• Красно-оранжевый и сине-зеленый

Выше приведен пример дополняющей комбинации: синий и оранжевый. Обратите внимание, как они расположены прямо напротив друг друга на цветовом круге.

Аналогичные комбинации

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

Примеры аналогичных комбинаций:

• Фиолетовый, синий и бирюзовый
• Красный, фуксия и фиолетовый
• Красный, оранжевый и желтый
• Зеленый, синий и фиолетовый

Раздельные дополнительные комбинации

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

Примеры разделенных дополнительных цветовых схем:

• Красный, сине-зеленый и желто-зеленый
• Синий, красно-оранжевый и желто-оранжевый
• Желтый, сине-фиолетовый и красно-фиолетовый
• Фиолетовый, желто-оранжевый и желто-зеленый

Триадные цветовые комбинации

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

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

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

Триадные цвета Примеры:

• Красный, желтый и синий
• Фиолетовый, зеленый и оранжевый
• Сине-фиолетовый, красно-оранжевый и желто-зеленый

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

Тетрадические комбинации 

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

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

Примеры четырехцветных схем:

• Красный, зеленый, сине-фиолетовый и желто-оранжевый
• Желтый, фиолетовый, сине-зеленый и красно-оранжевый

Ключ к экспериментам

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

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

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

Наши любимые комбинации
Монохром
Искусство Кимберли Рэйчел . Цветовые палитры из Canva .
Дополнительный
Искусство Кимберли Рэйчел . Цветовые палитры из Canva .
Аналог
Цветовые палитры из Canva .
Сплит
Искусство Кимберли Рэйчел . Цветовые палитры из Canva .
Триада
Искусство Кимберли Рэйчел .