Круг сочетания цветов онлайн. Цветовой круг: сочетание цветов для идеального гардероба

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

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

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

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

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

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

Капелька теории

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

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

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

Практика

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

Для начала определитесь, хотите ли вы выглядеть ярко или спокойно?

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

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

Безошибочные комбинации

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

С нейтральными цветами

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

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

красный;
синий;
зеленый;
желтый.

Белый также идеален с пастельной палитрой.

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

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

Посмотрите лучше сочетания с нейтральными оттенками на фотографиях и сохраните себе самые интересные комбинации!

С холодными цветами

Холодные оттенки обычно связаны с тонами травы и воды.

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

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

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

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

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

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

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

С теплыми цветами

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

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

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

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

А вот про розовый цвет в одежде можно писать отдельный пост — столько вариантов!

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

Ищем интересные сочетания на каждый день

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

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

С голубым и синим хорошо сочетается красный цвет.
С чем сочетается серый цвет в стиле смарт? С любыми пастельными тонами, чем сложнее — тем лучше. С серым прекрасно сочетается розовый, также с ним сочетается голубой и сочетается горчичный. Но горчичный цвет в одежде использовать можно лишь в том случае, если вы уверены, что он подходит вам и умеете его сочетать.
Открою небольшой секрет — голубой цвет в одежде хорош тем, что подходит практически всем. Смуглянок он делает бронзовыми красавицами, розовощеких девиц — настоящими белоснежками с нежным румянцем, да и практически все женские одежки в голубом цвете выглядят очень и очень хорошо.
Посмотрите, как сочетать сложные тона, узнайте с чем сочетается мятный цвет и оттенок пудры.
Еще хороший способ модно одеваться — брать любой модный цвет, и надевать его под черный. Он хорошо выглядит и с оттенками салатового, и с зелеными, и с темными красками бирюзы, да и желтый и красный чёрный только украсит. Подберите сочетающиеся по оттенкам комбинации и вы всегда будете выглядеть классно и модно!
Как правильно сочетать цвета в одежде? Выберите определенную систему, и начните комбинировать вашу одежду в соответствии с ней. Если вы предпочитаете один из чистых или нейтральных цветов, то у вас получится составить идеальный гардероб. Выберите для себя какой-то определенный оттенок — например, если вам нравится синий или красный цвет в одежде, то вы сможете выстроить гардероб вокруг него.
Если таких предпочтений нет, то имеет смысл выбрать один из нейтральных тонов. Например, серый цвет в одежде прекрасно подойдет для того, чтоб выстроить гардероб для офисной работы или для учебы — вы сможете комбинировать вещи между собой, подбирать какие-либо интересные решения, но в то же время они будут спокойными и продуманными.
Шикарное решение — использовать черный цвет в одежде в качестве основного. С черным — как и с белым — сочетаются абсолютно все краски, и если вы решите выглядеть строго или весело — у вас это получится.
Также можно выбрать комплементарное сочетание, и подбирать уже остальные комбинации под него. Это немного сложно, но зато если вы составите капсульный гардероб на комплементарной паре, он не устареет через сезон — хорошо подобранные цветовые сочетания не устаревают.

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

Все оттенки делятся на теплые и холодные. При этом один и тот же цвет может быть, как теплым, так и холодным. Теплым его делает смешение с желтым, а холодным – с синим.

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

Цветовой круг – деление

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

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

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

Схемы сочетаний по цветовому кругу

Монохром

Монохром в цвете

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

Ахроматические цвета

Ахроматические цвета и их сочетания

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

Ахроматический цвет — черный

Ахроматический цвет — белый

Ахроматические оттенки — серый

Комплиментарные цвета

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

Комплиментарные цвета в одежде

Аналоговые цвета

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

Аналоговые цвета

Триада (классическая, контрастная)

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

Триада — примеры использования трех цветов

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

Тетрада

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

Тетрада — варианты схемы

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

Программы цветового круга онлайн для подбора цвета

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

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

Примеры основных сочетаний в одежде

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

С показа VALENTINO

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

С чем сочетается белый

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

С чем сочетается черный

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

С чем сочетается серый

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

С чем сочетается красный

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

С чем сочетается розовый

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

С чем сочетается синий

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

С чем сочетается голубой

Как светлым тонам: белому, кремовому, лиловому, золотистому, серому или бледно-оранжевому, так и насыщенным винным оттенкам. Примером могут служить образы с цветами , малиновым, глубоким фиолетовым.

С чем сочетается оранжевый

Оранжевый – веселый и нарядный, но его в образе не должно быть много. Он станет идеальным выбором для зеленоглазых модниц. ? Идеально он смотрится с белым, черным, серым, сиреневым, желтым, зеленым и синим.

С чем сочетается фиолетовый

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

С чем сочетается коричневый

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

Институт цвета Panton — актуальные оттенки на сезон

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

Институт цвета Panton — палитра осень-зима 2019/2020 года

Вариации сочетаний на мировых показах

Вдохновение цветом в окружении

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

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

Состоит из 12 цветов. Есть 3 основных или первичных цвета – это красный, желтый и синий. Эти цвета не могут быть получены путем смешивания с другими. Вторичные цвета получаются путем смешивания основных цветов: красный и желтый дают оранжевый цвет, желтый и синий – зеленый, а синий и красный – фиолетовый. Оставшиеся 6 цветов на цветовом круге получены путем смешивания первичных и вторичных цветов – желто-оранжевый, желто-зеленый, сине-зеленый, сине-фиолетовый, красно-фиолетовый, красно-оранжевый.

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

С помощью круга мы можем определить гармоничные цветовые сочетания. Первое сочетание – комплиментарное – сочетание двух противоположных цветов. Такое сочетание дает очень высокий контраст, цвета дополняют и усиливают друг друга. Зеленый и красный, фиолетовый и желтый – на круге вы сможете найти 6 сочетаний.

Расщепленное (раздельное) комплиментарное сочетание или родственно-контрастные цвета – это схема, где один из противоположных цветов заменяется на два расположенных рядом цветов на круге. Такое сочетание дает интересные вариации. Например, зеленый, красно-фиолетовый и красно-оранжевый; фиолетовый, желто-зеленый и желто-оранжевый и так далее.

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

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

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

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

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

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

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

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

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

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

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

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

Как правильно сочетать цвета в одежде

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

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

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

Упростив его до 12-16 оттенков, вы сможете точнее определить варианты примерных сочетаний. Такой цветовой круг удобен для подбора гармоничных цветовых сочетаний из 2-х, 3-х или 4-х цветов. В каждом примере соединяющие разные цвета линии можно мысленно вращать по кругу, получая новые сочетания.

2 противоположных цвета: сочетание с высоким контрастом.	3 цвета: классическая триада, цвета располагаются треугольником.	3 контрастных цвета: два цвета практически родственные, один - контрастный.
Красный+зеленый синий+оранжевый фиолетовый+желтый	изумрудный зеленый+желто-оранжевый+фиолетовый кобальтовый синий+салатовый+оранжевый лазурный синий+лимонный+красный голубой+желтый+розовый	Пример: зеленый+желтый+розовый.
Очень близкий вариант: 4 цвета: 3 родственных и 1 контрастный.	3 родственных цвета: слабоконтрастное сочетание.	4 цвета: по два взаимно усиливающих.
Пример: желтый+синий+фиолетовый+розовый.	Пример: сиреневый+оттенки розового.	Пример: голубой+салатный зеленый+розовый+вместо оранжевого теплый беж.

Примеры цветового сочетания в одежде

Рассмотрим цветовой круг, схемы цветовых сочетаний и простейшие примеры.

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

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

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

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

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

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

Насыщенность цвета

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

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

Наиболее контрастными будут сочетания:
1. Ярких цветов.
2. Пастельных и приглушенных цветов.
3. Пастельных и приглушенных оттенков одного цвета.

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

Также нужно помнить о том, что большое значение для зрительного воприятия имеет цветовая индукция, т.е. изменение характеристики одного цвета под влиянием другого. Если рядом расположить темный и светлый цвета, то темный будет казаться темнее, а светлый - светлее.
По материалам www.myshulka.ru, maxlozovski.com, dresshelp.ru

Кстати, вы можете распечатать (или нарисовать:о) цветовой круг, бросить в сумочку и смело отправляться на шоппинг!

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

Удачи вам!

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

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

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

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

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

Прочитав эту статью, вы узнаете, как:

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

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

Если я попрошу вас подумать о Кока-Коле, что первым придет вам на ум? Скорее всего, в вашем воображении всплывёт красный логотип Кока-Колы:

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

Красный в цветовой схеме несет в себе два важных послания:

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

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

85% покупателей признают, что основной причиной покупки товара явился его цвет.

Узнаваемость бренда увеличивается на 80% при использовании цвета.

3 шага к правильному использованию цвета на вашем сайте

При разработке дизайна сайта нужно:

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

1. Выбор преобладающего цвета

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

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

Как выбрать правильный цвет

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

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

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

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

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

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

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

Какой цвет использовать для вашего сайта?

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

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

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

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

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

Фиолетовый – символ величия, богатства, успеха и мудрости. Часто присутствует в косметике. Влияет на людей успокаивающе.

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

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

Чёрный – цвет влияния, роскоши, опытности и элегантности. Часто используется для продвижения товаров класса люкс и ассоциируется с профессионализмом, силой и аккуратностью.

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

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

Разница в цветовом восприятии мужчин и женщин

На кого преимущественно рассчитан ваш сайт, на мужчин или на женщин? А может и на тех, и на других?

Яркие и приглушенные цветовые схемы для сайта

Мужчины предпочитают яркие цвета, а женщины приглушенные.

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

Ахроматические цвета

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

Светлые и темные оттенки

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

Женщины

Синий, фиолетовый, зеленый.

Оранжевый, коричневый, серый.

Мужчины

Наиболее предпочтительные цвета: синий, зеленый, черный.

Наименее предпочтительные цвета: коричневый, оранжевый, фиолетовый.

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

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

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

Часто люди покупают определенные товары или услуги, чтобы произвести конкретное впечатление на других.

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

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

Теперь ясно?

Подумайте об идеальном представителе целевой аудитории. Каким он хочет казаться другим людям?

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

Как использовать главный цвет на вашем сайте

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

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

Например, позвонить по телефонному номеру, заполнить форму, подписаться на обновления и т.п.

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

Где использовать преобладающий цвет на сайте?

Логотип;
Вкладки меню;
Кнопка «Позвонить»;
Важная информация;
Заголовки и названия;
Кнопки.

2. Выбор акцентных цветов

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

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

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

Как использовать программу для подбора акцентных цветов

Как только вы определились с преобладающим цветом, нет ничего проще, чем подобрать акцентные цвета с помощью таких программ, как Adobe Color CC Tool :

Вот короткая инструкция, которая покажет вам, как создать цветовую схему одним из двух способов:

На основе преобладающего цвета

Шаг 1. Для начала узнайте код вашего преобладающего цвета. Например, на сайте ColorPicker.com . Код цвета указан в прямоугольнике прямо над квадратом с цветовой палитрой.

Скопировав код с ColorPicker.com , вставьте его в поле «НЕХ » инструмента Adobe Color . Убедитесь, что вы вставили код в колонку посередине:

Вставьте код преобладающего цвета вашего сайта в прямоугольник ПОСЕРЕДИНЕ.

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

Шаг 2 . В левой верхней стороне вы увидите прямоугольник со следующими цветовыми схемами:

Последовательная;
Монохромная;
Треугольная;
Комплементарная;
Составная;
Оттенки.

Выберите цветовую схему

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

Шаг 3 . Сделайте цветовую схему еще продуманнее, перемещая один из указателей цвета.

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

CMS и конструкторы сайтов позволяют вставить цветовые коды (HEX ) для выделения любой части вашего сайта:

Скопируйте цветовые коды (HEX ) для вашей цветовой схемы для сайта.

На основе понравившейся фотографии

Порой проще искать цветовые решения на просторах интернета и вдохновляться ими.

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

Шаг 1. Загрузите фотографию:

Нажмите на значок камеры, чтобы загрузить изображение.

Шаг 2. Выберите одно из пяти цветовых настроений:

Красочное;
Яркое;
Приглушенное;
Насыщенное;
Темное.

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

Выберите цветовое настроение.

Шаг 3. Сделайте цветовую схему еще продуманнее, перемещая один из указателей цвета по изображению:

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

Шаг 4. Предложенная цветовая палитра расположена под изображением. Вот как можно подобрать цветовую схему для вашего веб-дизайна.

Чтобы увидеть коды (HEX ) цветов, нажмите на цветное колесико, расположенное в правом верхнем углу:

Нажмите на цветное колесико, чтобы увидеть коды цветов:

Скопируйте цветовые коды (HEX ) для вашей цветовой схемы.

Где размещать вспомогательные цвета

Детали сайта, выделенные вспомогательными цветами, не являются основными акцентами. Но они все равно выделяются. Например, вспомогательными цветами можно выделять подзаголовки, дополнительные кнопки, диалоговые окна, заливать фон и т.д.

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

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

Активная кнопка меню;
Подзаголовки;
Выделение второстепенной информации.

Выбор фонового цвета

Вам когда-нибудь приходилось красить стены в своем доме?

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

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

Выбор фонового цвета для вашего сайта не сильно отличается от выбора краски для вашей комнаты!

Как правильно выбрать цвет фона

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

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

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

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

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

Тип 1 – Ресурсы с большим количеством контента или интернет-коммерция

Замечали ли вы, что информационные ресурсы и интернет-магазины часто используют белые или нейтральные цветовые схемы для сайта?

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

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

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

Тип 2 – Корпоративные сайты и сервисы

При создании корпоративного ресурса преследуется одна цель – продвижение товаров или услуг.

В зависимости от того, какова цель вашего сайта, фоновый цвет должен отличаться.

Продвижение бренда

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

Все потому, что цвет напрямую влияет на узнаваемость бренда (помните пример про Кока-Колу? ) Когда вы используете различные оттенки цвета своего бренда в качестве фона, вы усиливаете его и делаете более запоминающимся для клиентов.

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

Продвижение сервиса

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

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

Тип 3 – Стильные и креативные сайты с большим количеством графики

Если вы собираетесь создать сайт, связанной с творчеством (мода, дизайн, ресторанный бизнес, красота и т.д. ), для вас нет никаких ограничений.

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

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

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

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

Заключение и итоги

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

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

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

Выбрать для сайта правильный преобладающий цвет;
Выбрать для преобладающего цвета правильные вспомогательные цвета;
Выбрать соответствующий фоновый цвет.

Данная публикация представляет собой перевод статьи «How to Choose a Good Color Scheme For Your Website » , подготовленной дружной командой проекта