Таблица сочетания цветов в одежде для женщин фото: Сочетание цветов в одежде для женщин с фото: таблица правильного сочетания цветов женской одежды — Anteprima

Содержание

Сочетание цветов в одежде для женщин с фото: таблица правильного сочетания цветов женской одежды — Anteprima

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

Сочетание цветов в одежде для женщин

Гармоничный образ – это силуэт, фактура и сочетание цветов в одежде. Даже самые стильные вещи будут вызывать диссонанс и создавать неприятное впечатление, если не обращать внимание на сочетаемость цветов. Хотите сыграть на контрасте? Будьте внимательны к цветам, потому что, переходя черту, легко превратить бунтарство и вызов в безвкусицу.

Я не буду углубляться в теорию цвета, но напомню вам, что стоит различать яркие базовые цвета – pure colours, светлые ненасыщенные тона (их еще называют пастельными) – tints, затемненные цвета – shades.

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

Цветовой круг Иттена

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

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

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

Советы стилиста

  • Сочетание контрастного цвета и нейтрального.

К нейтральный относятся черный, белый, серый, молочный, нюд. Выигрышным сочетанием цветов в одежде для женщин (см. фото) будут нейтральные бежевый, белый, черный + ярко красный. Есть нюанс: хотя черный в списке нейтральных, его стоит использовать очень осторожно, чтобы образ не был слишком резким, для этого черный не должен быть доминирующим. Он не помешает в виде аксессуаров или обуви. Если вы помните правило «не больше 3-х цветов в образе», то знайте, что при этом нейтральный оттенки не учитываются, а их наличие оживляет ваш look. Светлые нейтральные тона можно комбинировать даже с неоновыми.

  • Комбинация разных оттенков одного цвета.

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

  • Сочетание комплементарных цветов.

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

  • Микс близких цветов.

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

Помимо одежды, обращайте внимание также на цвета макияжа, обуви и аксессуаров!​

Больше полезных статей в нашем Блоге.

Сочетание цветов в одежде: таблица

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

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

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

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

Обычно рекомендуется придерживаться «золотого правила»: не более трех цветов в наряде. При этом один должен быть основным, занимая примерно 75% ансамбля, остальные два – сопутствующие, по 15% и 10%. В строгой изысканной комбинации из двух оттенков желательно соотношение 75% — 25%.

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

  • Смешивая желтый и красный, получаем оранжевый,
  • красный и синий – фиолетовый,
  • желтый и синий – зеленый.

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

Вы можете распечатать или сохранить себе эту таблицу сочетания цветов в одежде

Сочетание цветов в одежде: таблица

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

ЦветХорошее сочетаниеНеудачное сочетание
СинийКрасный, бордовый, оливковыйКоричневый, розовый, сиреневый
КрасныйЖелтый, синий и их оттенкиРозовый, коричневый, оливковый
ЖелтыйКоричневый, некоторые оттенки зеленогоРозовый, бордовый
ЗеленыйФиолетовыйОранжевый, синий
КоричневыйОливковый, сине-зеленыйСиреневый, бордовый
РозовыйГолубой, некоторые оттенки зеленого, коричневыйКрасный, оранжевый
ФиолетовыйСветлые оттенки зеленого, желтыйКоричневый, красный
ГолубойКрасный, синий, светлые оттенки фиолетовогоБордовый

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

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

]]>

таблица, фото. Сочетание цветов в одежде для женщин 30, 40, 50 лет

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

Базовое представление о цвете

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

Двенадцатичастный цветовой круг

Он нужен нам для того, чтобы понять и почувствовать, что такое дополнительные цвета. Отталкиваясь от этого понятия, мы будем подбирать сочетание цветов в одежде для женщин. Представьте себе часовой циферблат, где на месте 12 часов располагается красный цвет, там где 4 часа – желтый, где 6 – зеленый, где 8 – синий. Между ними переходные оттенки. Итак, дополнительными цветами являются те, смешение которых дает белый цвет, и находятся они на противоположных сторонах. Красный – зеленый, синий – оранжевый, фиолетовый – желтый. Если долго смотреть на красный квадрат, а потом закрыть глаза, то получите картинку зеленого квадрата. Так мозг стремится к равновесию.

Такие разные оттенки

Однако это далеко не все, что нужно знать о цветах. Сочетание цветов в одежде мужчины и женщины требует учитывать не только наличие дополнительных цветов, но также оттенков, которые бывают теплыми и холодными. Так, на нашем круге мы можем выделить две области, с 12 до 4 часов – теплые оттенки, красный, оранжевый, желтый. С 8 до 10 часов – зона холодных оттенков, синий, и его производные. Есть пограничные цвета между ними — это зеленый и фиолетовый. В каждом отдельном ансамбле они будут менять свой «температурный режим», в зависимости от того, с каким оттенком сочетается, теплым или холодным.

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

От теории к практике

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

Основные правила для мужчин

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

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

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

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

Женский гардероб: разделение прекрасных дам на типы

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

Лето, зима, весна и осень

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

«Осенний» тип

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

Лето и весна

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

«Летний» тип – это сочетание цветов в одежде для женщин 40 лет. Это широкая палитра нежных, пастельных тонов с легкой прохладой, словно прикрытых дымкой только наступившего летнего утра. Основное правило – чтобы цвета были неяркими. Это может быть светлый холодный красный и пепельно-розовый, лимонно-желтый, серовато-желтый, голубовато-зеленый, серо-синий, светло-фиолетовый. Для создания образа можно рассматривать не только оттенки в пределах одного цвета, но и созвучные смежных цветов, которые также можно определить по первой круговой схеме.

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

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

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

И снова немного о возрасте

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

Подведем итоги

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

Сочетание цветов в одежде или как создать идеальный гардероб

.

«Цвет может успокоить и возбудить, создать гармонию и вызвать потрясение. От него можно ждать чудес, но он может вызвать и катастрофу» (с) Жак Вьено

Таблица сочетания цветов в одежде

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

Теория

Для начала разберёмся с характеристиками цвета. Существует такое понятие, как pure colours. Pure colours – это базовые яркие и чистые цвета, как в радуге.  Если добавлять к этим чистым цветам белый, получим Tint (оттенок)– светлые, ненасыщенные тона. Если добавлять к чистым цветам серый цвет, получим Tone (тональность), при этом каждая градация даст разную тональность. При добавлении к чистым цветам чёрного получим Shade (тень). Таким образом чистые цвета станут темнее.

Практика

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

1. Смешивайте насыщенные и нейтральные цвета.

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

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

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

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

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

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

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

2. Сочетайте комплиментарные цвета.

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

Лучший способ комбинировать эти цвета – добавлять один из них в наряд, в основном состоящий из другого комплиментарного ему цвета.
На картинке выше модный редактор и дизайнер Elisa Nalin носит наряд, состоящий из разных оттенков насыщенного синего цвета, который подчёркивается маленькими штрихами оранжевого.

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

Икона стиля, модный редактор Giovanna Battaglia скомбинировала горчичный жёлтый с менее насыщенным цветом сирени.

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

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

3. Сочетание разных оттенков одного цвета.

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

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

4. Сочетайте близкие цвета.

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

Например, зелёный – это синий + жёлтый. Поэтому синий и зелёный или жёлто-зелёный являются близким цветами, которые можно носить рядом друг с другом.

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

Сочетание цветов одежды и обуви

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

1. Цвет обуви должен соответствовать основному цвету ансамбля (который является доминирующим). При этом аксессуары и украшения подбираются не к основному, а к дополнительному цвету в ансамбле.

2. Чтобы зрительно удлинить ноги, выбирайте обувь в тон колготкам/чулкам или брюкам.

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

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

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

Комбинации цвета обуви с цветом одежды

Рассмотрим основные комбинации цвета обуви с цветом одежды.

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

Понравились сочетания? Узнайте какой еще цвет сочетается с оранжевым.

Жёлтый цвет – также является ярким акцентом в образе, сочетается с голубым, фиолетовым, синим, серым, вишнёвым, чёрным.
Синий цвет – насыщенный оттенок синего удачно комбинируется с белым, бежевым, коричневым, красным и жёлтым.
Голубой цвет – редкий цвет для обуви, привлекает внимание. Сочетается с  белым, кремовым, коричневым, вишнёвым, розовым, фиолетовым.
Зелёный – также оригинален в качестве цвета для обуви. Сочетается с жёлтым, оранжевым, белым, кремовым и коричневым.

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

И не бойтесь экспериментов – смелые образы выделят вас из толпы, вселят уверенность и создадут хорошее настроение!

Автор: Екатерина Малярова
Имиджмейкер, создатель тренингов по имиджу и стилю, автор сайта Гламурненько.ru. С 2007 года свыше 500 клиентов сходили со мной на шоппинги. Более 5000 человек проходили тренинги и семинары по имиджу и стилю.

с чем сочетать женщинам оранжевый, сливовый, салатовый, кирпичный, болотный и кофе с молоком

Умение правильно сочетать цвета в одежде – это важный навык, владея которым, вы сможете всегда выглядеть великолепно!

Принципы комбинирования

Монохромные

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

Самый простой и популярный монохром – черный. Аутфит, выполненный в этом цвете, называют total black. Эффектно смотрится образ, выполненный в белом цвете, соответственно, total white.

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

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

2 цвета

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

3 цвета

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

4 цвета

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

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

Как и чем сочетать цвета?

Классические

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

К классическим относятся черный, серый, белый, бежевый, коричневый и синий.

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

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

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

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

Есть множество сложных оттенков, которые можно отнести как к холодным, так и к теплым.

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

Поскольку у каждого цвета есть холодные и теплые оттенки, мы рассмотрим отдельно каждую групп

Холодные

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

Теплые

  • Теплые оттенки синего очень сложные, обычно с нотками зеленого, поскольку образованы путем смешивания с желтым. Это сине-зеленый, бирюзовый, цвет морской волны, джинсовый, стальной, сине-серый, берлинская лазурь. Образы с этими цветами получаются мягкими и спокойными. Лучше всего дополнять их такими же теплыми тонами.
  • В теплой цветовой гамме зеленый цвет раскрывается в полной мере. Оттенки могут быть с желтым или оливковым подтоном. Яркость оттенков в каждой группе меняется, в зависимости от количества примеси серого цвета. Эти цвета поднимают настроение, наполняет образ мягким свечением. Сочетать их можно и с холодной, и с теплой цветовой гаммой.
  • Теплые оттенки розового образуются от оранжевого и красного. Это все цвета с примесью персикового, кораллового, цвет фламинго, клубничный и лососевый. Лучше всего такие оттенки сочетаются с мягкими, светлыми цветами, но также раскрываются в сочетании с холодным синим. Их можно носить с бежево-коричневой цветовой гаммой, оливковым, хаки, серо-сиреневым.
  • Желтые цвета насыщенные и яркие, они могут быть с красным, оранжевым и коричневым подтоном. К ним относятся абрикосовый, банановый, кукурузный, горчичный, шафрановый, лимонный, канареечный, золотистый. Они хорошо смотрятся с теплой и холодной цветовой гаммой.

Сочетание контрастных цветов

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

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

Необычные варианты

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

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

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

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

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

Сочетания в верхней одежде

Черный

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

Коричневый

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

Серый

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

Голубой

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

Красный

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

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

Зеленый

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

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

Розовый

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

Коралловый

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

Фиолетовый

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

Подбор одежды и обуви

Черная обувь

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

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

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

Белая обувь

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

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

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

Разноцветная обувь

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

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

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

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

Как сочетать с аксессуарами

Сумки

  • Обувь и сумка в одном цвете – достаточно консервативное, устаревшее сочетание. Но оно прекрасно подойдет тем, кто отдает предпочтение эклектике и ярким образам. Таким образом, обувь и сумка не будут привлекать к себе много внимания, и окружающие смогут сосредоточиться на вашем образе. Это хорошо работает с классической цветовой гаммой – черный, коричневый, серый, темно-синий, бежевый, возможно, красный.
  • Лучше всего подбирать сумку не под обувь, а под одежду. Например, к платью с рисунком можно подобрать сумочку под цвет рисунка. Обувь или сумка могут быть подобраны точно под цвет одежды, но не оба этих предмета одновременно.
  • Чтобы проявить свой индивидуальный стиль, смешивайте не только цвета, но и фактуры.
  • К обуви с анималистическим или цветочным принтом можно подбирать сумку в тон, но не такой же расцветки. Яркий пример – обувь и аксессуары леопардовой расцветки, которые нельзя использовать в одном образе!
  • К яркой обуви не стоит подбирать черную сумку, будет создаваться ощущение незаконченного образа. Лучше подобрать цветной аксессуар в другом цвете, который продублирован еще какой-либо деталью лука.
  • Если делаете ставку на бежевый или черный, старайтесь, чтобы туфли и сумочка были из разных материалов. Кожаные туфли и лаковый клатч, замшевые босоножки и текстильная сумка.
  • Обувь и аксессуары из лаковой кожи в одном образе – это моветон. Такой тандем выглядит не только абсолютно безвкусно, но и вульгарно.

Таблица

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

Правила сочетания по цветотипу

Лето

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

Если вы – «контрастное лето», вам также важно выбирать одежду не ярких оттенков, потому что ваш контраст все равно этого не выдержит (в отличие от Зимы). На вас также будут неплохо смотреться темные оттенки, которые не подходят обычному Лету.

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

Вам подойдут такие оттенки:

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

Осень

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

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

Вам подойдут такие оттенки:

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

Весна

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

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

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

Вам подойдут такие оттенки:

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

Зима

Девушкам с этим цветотипом подходят все яркие, сочные оттенки, которые помогают раскрыть их природную красоту.

Вам подойдут такие оттенки:

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

Красивые сочетания

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

Оранжевый, фиолетовый и зеленый

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

Кирпичный, коричневый и кофе с молоком

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

Ягодные оттенки

Ежевичный и глубокий красный

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

Персиковой и вишневый

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

Песочный и рыжий

В повседневном летнем образе отлично сочетается песочная юбка в пол тонкий рыжий джемпер. Образ дополняют коричневые сандалии и клатч с цветочным принтом. Мягкий расслабленный look на каждый день.

Цикламен и зеленый

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

Лиловый и кэмел

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

Баклажан и золотой

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

Лайм и стальной

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

Охра и шоколадный

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

Лососевый и болотный

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

Пыльная роза и молочный

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

Коньячный и ванильный

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

Янтарный

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

И еще много интересных образов.

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

Сочетание цветов в одежде стоит изучить до того, как приступать к покупкам. Поможет выглядеть стильно и дорого, регулярно появляться в новых образах, и при этом сэкономит много места в шкафу. Если знакома проблема “Нечего надеть, некуда сложить”, то скорее добавляйте мой блог в закладки. Буду помогать вам советами и хитростями, как удачно сформировать гардероб! Сегодня разберемся в принципах правильного сочетания цветов в одежде, на фото наглядно покажу разные варианты цветовых схем и готовых образов. Возникнут вопросы — смело задавайте в комментариях!

Сочетание цветов в одежде: как работает базовая таблица

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

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

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

[/list]

Сочетание цветов в одежде: синий

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

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

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

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

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

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

Интересно по теме: Удачные сочетания синего цвета в одежде



Сочетание цветов в одежде: серый

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

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

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

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

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

Интересно по теме: Чем дополнить серую одежду?


Важность цветотипа в подборе цвета одежды

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

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

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

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

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

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

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

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

Сочетание цветов в одежде: зеленый

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

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

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

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

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

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

Интересно по теме:

Сочетание цветов в одежде: красный

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

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

Красный и серый Вот где кроется истинная элегантность. Выбирая это сочетание, стоит обратить внимание на светлоту серого и красного. Лучше, если комплект составят равные по светлоте оттенки.

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

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

Интересно по теме: Код красный: с чем сочетать этот цвет в одежде?

Беспроигрышные варианты

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

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

Чёрный цвет в одежде является самым главным, ведь именно он позволяет собрать любой образ воедино. Дополняя его с белым, получаем классическое представление дресс-кода. Именно это сочетание является форматом дресс-кода black tie. Для делового образа также подойдёт чёрный, дополненный такими цветами, как синий, голубой. Для более расслабленных образов с чёрным сочетаются красный, марсала, терракотовый, ультрафиолет, цвет коры дуба. Маленькое чёрное платье является классической базовой деталью гардероба, оно позволяет создавать абсолютно разные образы, всего лишь изменяя цвет и фактуру аксессуаров и обуви.

Оригинальным беспроигрышным вариантом служит использование всего одного цвета в комплекте, используя несколько вариаций его оттенков. К примеру – розовый. В одном образе прекрасно уживутся «сахарная вата» и «брусника». Прекрасно дополнит их холодный оттенок состаренного розового или цвет розового золота. Для монохромного образа подойдёт красный цвет в одежде: марсала, рубиновый, клубничный, классический красный прекрасно дополняются друг другом. Единственный нюанс, который необходимо учесть, подбирая оттенки монохромного образа, – температура. Комбинирование должно происходить в пределах одной температурной зоны.

Сочетание цветов в одежде: еще больше идей

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

Итак, еще раз поговорим обобщим принципы сочетания цвета в одежде. Что можно смело смешивать, а с чем надо быть осторожными? Обычно удачным сочетанием считается такое, в котором есть от двух до четырёх цветов, но не больше того. Однотонная одежда выглядит чересчур скучно, а чрезмерное использование ярких красок вызывает раздражение, рассеивание внимания, тревожность; цветовая гамма должна быть в разных пропорциях. Если в вашем стиле присутствуют три цвета, то один обязательно преобладает, второй подчёркивает и оттеняет предыдущий, а третий акцентирует на деталях имиджа; такие цвета как чёрный, серый и белый являются универсальными и подходят ко всем ярким оттенкам. Они также считаются базовыми в образе. А в качестве дополнения к ним нужны красочные, цветные детали. Чёрные элементы складываются в выигрышные сочетания с простым, чистым цветом. Это может быть и оранжевый, и жёлтый, и синий, и красный; гармоничным является комбинация, в котором присутствуют родственные оттенки (к примеру, фиолетовый с синим и голубым). Прекрасно смотрятся и контрастные цвета: фиолетовый с жёлтым, зелёный с красным и так далее. Ваша фигура будет выглядеть ещё стройнее, если позаботитесь о том, чтобы низ был на один-три тона темнее верха; всегда успешно можно сочетать пастель любых оттенков. Выбеленные персиковые, лимонные, голубые, розовые тона и беж будут смотреться друг с другом неповторимо.

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

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

Сочетание цветов в одежде для женщин

Гармоничный образ – это силуэт, фактура и сочетание цветов в одежде. Даже самые стильные вещи будут вызывать диссонанс и создавать неприятное впечатление, если не обращать внимание на сочетаемость цветов. Хотите сыграть на контрасте? Будьте внимательны к цветам, потому что, переходя черту, легко превратить бунтарство и вызов в безвкусицу.

Я не буду углубляться в теорию цвета, но напомню вам, что стоит различать яркие базовые цвета – pure colours, светлые ненасыщенные тона (их еще называют пастельными) – tints, затемненные цвета – shades.

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

Цветовой круг Иттена

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

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

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

Советы стилиста

  • Сочетание контрастного цвета и нейтрального.

К нейтральный относятся черный, белый, серый, молочный, нюд. Выигрышным сочетанием цветов в одежде для женщин (см. фото) будут нейтральные бежевый, белый, черный + ярко красный. Есть нюанс: хотя черный в списке нейтральных, его стоит использовать очень осторожно, чтобы образ не был слишком резким, для этого черный не должен быть доминирующим. Он не помешает в виде аксессуаров или обуви. Если вы помните правило «не больше 3-х цветов в образе», то знайте, что при этом нейтральный оттенки не учитываются, а их наличие оживляет ваш look. Светлые нейтральные тона можно комбинировать даже с неоновыми.

  • Комбинация разных оттенков одного цвета.

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

  • Сочетание комплементарных цветов.

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

  • Микс близких цветов.

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

Помимо одежды, обращайте внимание также на цвета макияжа, обуви и аксессуаров!​

Больше полезных статей в нашем Блоге.

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


Сочетание цветов в одежде – это важная составляющая в индустрии моды. Неправильно подобранный оттенок может испортить вещь даже самого идеального кроя, а предмет одежды «не своего» цвета «убьёт» и цвет лица, и цвет волос, сделав человека больным на вид. Колористика – это целая наука, в которой существуют свои правила и исключения.

Ещё Аристотель выделил семь оттенков цвета, являющихся основными. Многие на уроках рисования учили такую поговорку: Каждый Охотник Желает Знать Где Сидит Фазан. Там дети учились запоминать цветовой спектр радуги, куда входят красный, оранжевый, зелёный, голубой, синий и фиолетовый. Это связано с тем, что каждый из перечисленных оттенков имеют свою длину волны, которая воздействует на сетчатку глаза, в результате чего мы можем различать миллионы нюансов. Эта особенность зрения сложилась эволюционно, и на неё большое влияние оказала окружающая среда, в которой обитал человек. Так, например, эскимосы различают около 230 оттенков белого цвета, а остальные народы – не более 40. Зато африканцы могут выделить 120 оттенков чёрного.

Женщины лучше воспринимают нюансы в цветах, и, если мужчина назовёт несколько различных оттенков одним словом «фиолетовый», то прекрасный пол уже сможет выделить тон «баклажан», «сливовый», «лиловый», «лавандовый». Недаром мужской гардероб не так изобилует оттенками, как женский.

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

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

II. Пассивные цвета (синий, фиолетовый, лиловый). Они способны действовать умиротворяюще, но могут вогнать в депрессию.

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

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

Чёрный, белый и красный несут в себе огромный символизм. Испокон века на войне выбрасывали белый флаг, если хотели прекратить боевые действия и заключить перемирие. Белый цвет и его оттенки выбирает невеста, чтобы подчеркнуть чистоту и торжественность мероприятия. Чёрный цвет ассоциируется со смертью и трауром, а также сдержанностью и отстранённостью. Красный цвет – это символ страсти, любви и огня. Женщина в красном платье делает посыл, что она темпераментна, открыта для общения и ничего не боится. Многие государства в составе своего национального флага имеют красный элемент. Красный – цвет перемен, а белый – консерватизма. В послереволюционной России «красные» ассоциировались с революционерами и реформаторами, а «белые» — с консерваторами и приверженцами прежнего строя.

Также оттенки следует разделять на «холодные» и «тёплые». Чем короче волна спектра, тем холоднее считается оттенок, и наоборот. Холодные цвета обычно пассивны, поэтому их применяют в качестве фона. Тёплые оттенки нередко бывают активными. Их используют в качестве ярких акцентов на холодном фоне.

Модное сочетание цветов в одежде

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

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

Цветущая сирень, хрупкая фуксия, успокаивающая лаванда и лиловые тюльпаны – вот такой цветник заполыхает на улицах города, потому что в 2015 году вновь на пике моды холодные сиренево-розовые оттенки. Но их себе могут позволить девушки цветотипа «лето» или «зима». Рыжеволосые красавицы, а также пепельные блондинки могут потеряться среди столь ярких цветов. Для них создана зеленовато-серая и голубовато-серая гамма, которая подчеркнёт нежный колорит «весенней» леди. «Осенние» красавицы с рыжим и золотистым цветом волос сделают акцент на своей оригинальной красоте с помощью зелёной гаммы в одежде. Причём им пойдут как холодные оттенки (изумрудный, цвет молодой листвы), так и тёплые, «пожухлые» тона.

Правила сочетания цветов в одежде

Если вам нужно выглядеть ярко, выделиться среди окружающих, то беспроигрышным вариантом станет сочетание одного из нейтральных цветов и одного холодного/тёплого. Тандем красного и чёрного – это извечная классика, символ аристократизма и элегантности. Королевский синий оттенок благороден сам по себе, а в сочетании с чёрным вы получите наряд «и в пир, и в мир».

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

Красный и белый оттенки – невероятно яркое, взрывное сочетание. Яркое и сдержанное одновременно. Белое платье в красный горошек или с красными цветами является самым распространённым летним вариантом одежды.

Правильное сочетание цветов

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

— лимонно-жёлтый и солнечный оранжевый

— холодный розовый и золотистый

— глубокий вишнёвый и осенний горчичный

— сочетание чёрного и голубого будет воздействовать угнетающе

— депрессивное сочетание чёрного и синего

— тёмно-розовый и алый

— совершенно несовместимы холодные и тёплые тона одного цвета, например, хаки и бирюзовый

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

Таблица сочетания цветов в одежде

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

Полное руководство по цветовым кругам и цветовым схемам

Когда вы просматриваете ленту новостей, что привлекает ваше внимание? Скорее всего, это видео с YouTube, картинки, анимированные GIF-файлы и другой визуальный контент, верно?

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

Я знаю, о чем вы можете подумать: «Я не знаю, как создавать потрясающие визуальные эффекты. Я не творческий человек».

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

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

И вы можете сделать это, изучив теорию цвета. Считайте это своим вводным курсом, и мы рассмотрим следующие темы:

Что такое теория цвета?

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

Почему теория цвета важна в веб-дизайне?

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

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

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

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

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

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

Теория цвета 101

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

Помните, что слышали о первичных, вторичных и третичных цветах? Они очень важны, если вы хотите понять все остальное о цвете.

Основные цвета

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

Есть три основных цвета:

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

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

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

Дополнительные цвета

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

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

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

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

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

Третичные цвета создаются при смешивании основного цвета со второстепенным.

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

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

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

  • Красный + фиолетовый = Красно-фиолетовый (пурпурный)
  • Красный + Оранжевый = Красно-оранжевый (киноварь)
  • Синий + Пурпурный = Сине-фиолетовый (фиолетовый)
  • Синий + зеленый = Сине-зеленый (бирюзовый)
  • желтый + оранжевый = желто-оранжевый (янтарный)
  • Желтый + зеленый = Желто-зеленый (зеленовато-желтый)

Колесо теории цвета

Хорошо, отлично.Итак, теперь вы знаете, каковы «основные» цвета, но мы оба знаем, что выбор цветовых комбинаций, особенно на компьютере, включает в себя гораздо более широкий диапазон, чем 12 основных цветов.

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

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

оттенок

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

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

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

оттенок

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

Оттенок

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

Тон (или насыщенность)

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

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

Аддитивная и вычитающая теория цвета

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

Вы когда-нибудь задумывались, что означают эти буквы?

CMYK

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

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

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

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

Мне легче думать о CMYK с точки зрения соответствующих ему чисел. CMYK работает по шкале от 0 до 100. Если C = 100, M = 100, Y = 100 и K = 100, вы получите черный цвет. Но если все четыре цвета равны 0, вы получите настоящий белый цвет.

RGB

Цветовые модели

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

RGB означает красный, зеленый, синий и основан на аддитивной цветовой модели световых волн . Это означает, что чем больше цвета вы добавите , , тем ближе вы подойдете к белому. Для компьютеров RGB создается с использованием шкалы от 0 до 255. Таким образом, черный цвет будет R = 0, G = 0 и B = 0. Белый цвет будет R = 255, G = 255 и B = 255.

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

Однако многие веб-программы предоставляют только значения RGB или HEX-код (код, присвоенный цвету для CSS и HTML). Итак, если вы разрабатываете цифровые изображения или для веб-дизайна, RGB, вероятно, ваш лучший выбор для выбора цвета.

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

Значение цвета

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

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

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

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

Какие семь цветовых схем?

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

Рассмотрим каждую подробнее.

1. Монохромный

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

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

Обратите внимание на все монохромные цвета, которые подпадают под красный оттенок, основной цвет.

2. Аналог

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

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

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

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

3. Дополнительный

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

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

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

4. Дополнительный разделенный

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

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

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

5. Триада

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

Цветовые схемы

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

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

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

6. Площадь

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

Источник изображения

Цветовые схемы

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

Источник изображения

7. Прямоугольник

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

Источник изображения

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

Источник изображения

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

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

Как выбрать цветовую схему

  1. Сделайте ставку на удобство использования в первую очередь. Используйте естественное вдохновение.
  2. Задайте настроение своей цветовой гамме.
  3. Учитывайте цветовой контекст.
  4. Обратитесь к своему цветовому кругу.
  5. Используйте правило 60-30-10.
  6. Составьте несколько эскизов.

1. В первую очередь сделайте ставку на удобство работы с пользователем.

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

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

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

2. Используйте естественное вдохновение.

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

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

3. Задайте настроение своей цветовой гамме.

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

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

4. Учитывайте цветовой контекст.

Также стоит учесть, как цвета воспринимаются на контрасте.

На изображении ниже середина каждого из кругов одинакового размера, формы и цвета. Единственное, что меняется — это цвет фона.

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

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

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

5. Обратитесь к своему цветовому кругу.

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

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

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

6. Используйте правило 60-30-10.

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

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

7.Создавайте несколько дизайнов.

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

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

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

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

Цветные инструменты

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

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

Adobe Color

Один из моих любимых цветных инструментов, которые я использую при разработке чего-либо — будь то инфографика или просто круговая диаграмма — это Adobe Color (ранее Adobe Kuler).

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

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

Справочник цветов Illustrator

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

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

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

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

Руководства по предустановленным цветам

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

Расположение цветовых схем в PowerPoint будет зависеть от того, какую версию вы используете, но как только вы найдете цветовые «темы» своего документа, вы можете открыть настройки и найти коды RGB и HEX для используемых цветов.

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

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

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

26 вдохновляющих цветовых схем веб-сайтов в 2021 году (палитры для дальтоников)

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

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

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

Как выбрать цветовую схему для вашего веб-сайта

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

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

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

Выбор цвета по отрасли

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

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

Цвета бренда по отраслям (Источник изображения: towergateinsurance.co.uk)

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

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

Синие конвейеры:

Синий — цвет надежности

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

Это не апеллирует к спонтанности или эмоциям. Вместо этого он инициирует спокойный и логичный процесс принятия решений.

Наиболее часто встречается в следующих отраслях:

  • Банковское дело
  • Авиакомпания
  • Связь
  • Потребительское финансирование
  • Электроэнергетика
  • Тяжелая техника
  • Товары для дома
  • Отели
  • Фармацевтические препараты

Красные конвейеры:

Красный цвет передает внимание и страсть

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

Наиболее часто встречается в следующих отраслях:

  • Рестораны
  • Напитки
  • Розничная торговля продуктами питания
  • Недвижимость
  • Одежда

Зеленые конвейеры:

Зеленый передает ощущение жизненной силы

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

Наиболее часто встречается в следующих отраслях:

  • Продукты питания и напитки
  • Универмаги
  • Недвижимость
  • Химические вещества

Черный: уверенность, изысканность

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

Наиболее часто встречается в следующих отраслях:

  • Одежда
  • Принадлежности
  • Провайдеры услуг Интернета и мобильной связи
  • Универмаги
  • Отели

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

Сколько цветовых схем следует использовать на одном веб-сайте?

Для стандартной цветовой схемы веб-сайта вы можете выделить от трех до семи отдельных цветов в одной схеме или палитре.

Но сколько разных цветовых схем вы должны использовать на одном веб-сайте?

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

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

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

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

62–90% первоначального впечатления потребителей основывается только на выборе цвета … а это означает, что поиск правильной цветовой схемы для вашего сайта — это не просто эстетическое, а деловое решение. 🎨✨Нажмите, чтобы написать твит

Как получить точные цветовые схемы на веб-сайте

Colorzilla

Чтобы идентифицировать каждый цвет, используемый на веб-сайте, вплоть до точного оттенка и шестнадцатеричного кода, вы можете использовать расширение Google Chrome или надстройку Firefox, например ColorZilla.

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

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

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

Какую цветовую схему веб-сайта мы используем в Kinsta?

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

Медиа-комплект Kinsta

Мы используем темно-фиолетовый (# 5333ed) в качестве основного цвета, бирюзовый (# 2cd4d9), чтобы сопоставить и создать привлекательные, но сбалансированные градиенты, и приглушенный серый цвет для текста (# 6E7076).

Но что делают другие компании?

Давай узнаем!

26 лучших примеров цветовых схем для веб-сайтов

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

Цветовые схемы веб-сайта Great Ecommerce

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

1. Средство для ухода за кожей: яркое и игривое

Bliss

Когда дело касается бренда,

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

2. Бренд одежды: Clear and Concise

Le Bonnet

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

3. Магазин одежды: Simplicity

Редакция

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

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

4. Посуда: надежность и профессионализм

Моя посуда

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

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

5. Жевательная резинка: натуральная и импульсная

Neuro

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

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

6. Наручные часы: изысканность и роскошь

Премьер-посол

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

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

7. Брюки: креативные и доступные

Алдай

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

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

8. Фруктовые закуски: элегантные и подчеркнутые цвета

Мэдис

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

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

Подпишитесь на информационный бюллетень

Хотите узнать, как мы увеличили наш трафик более чем на 1000%?

Присоединяйтесь к 20 000+ других, которые получают нашу еженедельную рассылку с инсайдерскими советами по WordPress!

Подпишитесь сейчас

9.Джинсовая ткань нестандартного кроя: It’s Alive

Без вращения

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

Цветовые схемы личного и туристического веб-сайтов

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

10. Творческая простота

Мадлен Далла

Мадлен Далла — фотограф из Нью-Йорка с большим чутьем в дизайне веб-сайтов (и впечатляющим портфолио).

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

11. Оттенки серого с всплеском

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

12. Единство с природой

iFly 50

iFly 50 — это онлайн-журнал, выпущенный KLM в честь своего 50-летия.

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

13. Чистота и профессионализм

Бенедиктас Гилис

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

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

14. Прагматические цвета

BucketListly

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

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

15. Элегантная простота

Ларс Франзен

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

16. Футуристическая накладка

Точечное легкое

Персональный сайт

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

17. Свет и тьма

Любовь к Исландии

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

Цветовые схемы посадочных страниц

Ниже мы выделили различные целевые страницы с уникальными или эффективными цветовыми схемами.

18.Резкие контрасты

Зенли

Zenly использует резко контрастирующие цвета, чтобы подчеркнуть фактическую функциональность приложения Live Map (кстати, именно так вы встраиваете Google Maps на сайты WordPress). Космический фон выделяет глобальный дизайн приложения и придает ему футуристический оттенок.

19. Цвет для выделения

Slack

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

Обязательно ознакомьтесь с нашим подробным сравнением Microsoft Teams и Slack.

20. Яркие цвета вызывают эмоции

Spotify

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

21. Цветовые контрасты создают порядок в хаосе

Автономность

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

22. Футуристический ансамбль цветов

Багснаг

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

23. Живые цвета

Connect Homes

Целевая страница

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

24. Консервативные цвета, игривый дизайн

Plink

Целевая страница

Plink основана на относительно консервативном оттенке темно-синего, но уравновешивает его игривой и веселой анимацией и дизайном в целом.

25. Природная жизненная сила

Travelshift

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

26. Яркие краски надежды

Мазок в мире

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

Генераторы цветовых схем веб-сайтов

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

Colormind

Colormind

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

Coolors.co

Coolors.co

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

Палетон

Палетон

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

ColorSpace

ColorSpace

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

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

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

Различные виды дальтонизма

Не все видят «стандартную» цветовую гамму. Существует три основных типа дальтонизма: дейтеранопия, протанопия и тританопия.

Красно-зеленая дальтонизм (дейтеранопия и протанопия) — наиболее распространенная форма дальтонизма. Это поражает примерно 1 из 12 лиц североевропейского происхождения. Учитывая такое большое количество людей, затронутых этим, это стоит учитывать при разработке и / выборе темы WordPress.

Сине-желтая цветовая слепота встречается гораздо реже и в равной степени поражает мужчин и женщин.

Как выбрать для своего веб-сайта палитру для дальтоников

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

  • Не контрастируйте зеленый цвет с желтым и наоборот.
  • Не контрастируйте желтый с красным или оранжевым.
  • Не противопоставляйте фиолетовый цвет схожим оттенкам синего.

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

Выделите свой сайт из толпы (и увеличьте продажи) с помощью правильной цветовой схемы 🎨🌈Нажмите, чтобы твитнуть

Сводка

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

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

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

А теперь пора выбрать шрифты, не так ли?


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

  • Мгновенная помощь от экспертов по хостингу WordPress, 24/7.
  • Интеграция Cloudflare Enterprise.
  • Глобальный охват аудитории с 28 центрами обработки данных по всему миру.
  • Оптимизация с помощью нашего встроенного мониторинга производительности приложений.

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

Что надеть на осенние фотографии // 5 семей, 5 цветовых схем

Осенние семейные фотографии

Это вопрос, который мы постоянно получаем в LIY — «Что, черт возьми, мы должны носить для семейных фотографий !?» Как сказала Бекка в прошлом году, семейных фотографий могут стать головной болью. Вы перетасовываете расписание 13 раз и, наконец, находите временной интервал в один час, когда ни один из ваших детей не занимается футболом или уроками игры на фортепиано, у любимой бейсбольной команды вашего мужа нет «супер-важной» игры, у вас нет книги club и This is Us нет на телевидении — только для того, чтобы назначить встречу с вашим фотографом из-за ненастной погоды. И после того, как вы нашли новое свидание, убедились, что все в семье свободны, последнее, о чем вы действительно хотите думать, — это то, что в мире вся семья будет носить на этих фотографиях, которые вы собираетесь повесить на свои стену на 10 лет и разошлю всем и их маме в виде рождественской открытки.

Ура, мы поняли. Поскольку это такая проблема для многих из нас, мы взяли эту проблему в свои руки и предлагаем [много] решений! В сегодняшнем посте мы собрали 5 различных цветовых схем, чтобы вы могли выбрать из них, и не только это, но мы предоставили наши собственные маленькие фотографии команды LIY и их очаровательных семей в этих цветовых схемах вместе с дополнительными вариантами одежды для КАЖДОГО члена. ваша семья [ищите стрелки, чтобы увидеть еще больше вариантов!] Надеюсь, это поможет вам немного догадаться о семейных фотографиях, чтобы вы могли сосредоточиться на более важных вещах, например, на какие конфеты лучше всего подкупить вашего малыша. на самом деле улыбаюсь на фотографиях.Давайте погрузимся и посмотрим на этих производителей рам…

Семья Эрин

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

Моя одежда: J.CREW Кардиган с запахом шерсти Sylvia [соответствует размеру, ношение XS] // Джинсы-скинни Caslon (R) с высокой талией [размер больше, если промежуточный] // Галогенная (R) изысканная шерстяная шляпа с широкими полями для дискеты // Кольцо BaubleBar Dalia // Ботильоны Vince Camuto Pevista

Одежда Шона: Goodfellow & Co Рубашка на пуговицах с длинным рукавом [соответствует размеру] // Джинсы Mavi Jeans Zach Straight [соответствуют размеру] // Мужские теннисные кроссовки GrandPro Cole Haan Мужская обувь

Max & Ollie: Свитшоты Max-Bone

Растущая семья Бекки

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

Одежда Бекки: Плиссированное платье для беременных // Подобное платье // Пинетки // Ожерелье

Одежда для мужа: Рубашка // Куртка // Похожие джинсы // Подобная обувь

Семья Ханны

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

Одежда Ханны: Клетчатый топ Mockneck с объемными рукавами // Джинсы скинни с высокой посадкой // BP. Ботильоны Brice с зазубринами

Одежда для мужа: Футболка с мраморными полосками и карманами // Френч терри пуловер с воротником-стойкой на 1/4 молнии // Джинсы Bootcut // Кожаные ботинки

Наряд для маленьких мальчиков: Пуловер с шалевым воротником в французскую рубчик // Прямые эластичные брюки чинос со встроенной вставкой // Ботинки Joe Fresh

Наряд для маленьких девочек: Платье из смешанной ткани с рукавами-крылышками // Ботинки Harper Canyon HcMila из искусственной замши

Семья Стефа

Состоит из сливы, горчицы и зеленого цвета армии, эта цветовая гамма кричит! Семья Стеф не могла бы выглядеть симпатичнее в этом комбо!

Одежда Стефа: Платье-рубашка Apt 9 // Плоские туфли на плоской подошве с рюшами // Серьги-кольца с бахромой

Одежда для мужа: Пуловер Croft & Barrow с молнией до четверти // Подобные джинсы // Аналогичная обувь

Экипировка для девочек-подростков: Куртка-бомбер // Клетчатая рубашка на пуговицах // Похожие джинсы // Бордовые Converse

Одежда для мальчиков: Куртка Cat & Jack // Футболка Cat & Jack // Джинсы // Аналогичная обувь

Экипировка для маленького мальчика: Желтая куртка // Футболка Cat & Jack // Джинсы // Аналогичная обувь

Семья Лорен

Ваша семья будет выглядеть стильно, если будет носить эту стильную цветовую гамму бордового, серого и черного цветов! Семья Лорен выглядит очаровательно в этой классической цветовой комбинации! Обмундирование Лорен: Luxe Swing Tank для женщин // Мотоциклетная куртка из замшевой вязки для женщин // Джинсы скинни Good American с высокой талией // Ботильоны на блочном каблуке Lance

Одежда для мужа: Черная джинсовая рубашка Slim Fit // Подобные джинсы // Обувь

Одежда для маленьких мальчиков: Рубашка с двумя карманами в клетку буйвола для малышей // Флисовый жилет для малышей // Подобные джинсы // Высокие туфли для маленьких мальчиков

Надеюсь, вы нашли вдохновение в цветовых схемах выше! Какую цветовую схему вы используете для семейных фотографий? Если вы воспользуетесь чем-либо из вышеперечисленного, пришлите нам фотографии — нам бы очень понравилось их видеть!

Для вашего удовольствия от прикручивания —

Основатель и создатель LIY, Эрин превратила свою мечту о блоге для хобби в полноценную карьеру, которой она теперь руководит вместе с командой LIY! Когда вы не сидите перед экраном своего компьютера [с круа или вином в руке] или перед зеркалом, делая селфи в зеркале, вы можете увидеть, как Эрин проводит время на воде, обнимаясь со своими двумя щенками, а муж, скорее всего, наблюдает за тем, как последний эпизод Shark Tank, или потеряться в легком чтении на пляже.

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

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

Иллюстрация OrangeCrush

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

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

Почему цвета имеют значение в маркетинге и рекламе

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

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

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

Хотя это может показаться волшебством, есть данные, подтверждающие это. 85 процентов потребителей называют цвет основной причиной выбора продуктов. Кроме того, до 90 процентов импульсивных решений о продуктах основываются исключительно на цветах продуктов.По данным исследователей психологии цвета, 42 процента потребителей формируют свое мнение о веб-сайтах на основе их дизайна, причем цвет влияет на их мнение больше, чем какой-либо другой фактор. И в 52 процентах случаев из-за плохого выбора цвета и другого некачественного дизайна пользователи уходят с веб-сайта и никогда не возвращаются.

Как цвета взаимодействуют с покупателями

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

Цвет помогает покупателям с первого взгляда принять решение о товарах. 3D-рендеринг от AL_X.

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

Многие наши ожидания в отношении цвета основаны на природе. Дизайн Dakarocean.

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

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

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

Как цвета влияют на рекламу и маркетинг?

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

Синий

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

  • Спокойствие
  • Спокойствие
  • освежающий
  • Устойчивость
  • Ответственность
  • Мир
  • Релаксация
  • Печаль

Blue выражает чувство доверия к этой услуге перепродажи. Автор Adwindesign.

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

Зеленый

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

  • Финансы
  • Окружающая среда
  • Здоровье
  • Удачи
  • Рост
  • Богатство
  • Гармония
  • Весы
  • Успокаивающий
  • Продление

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

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

фиолетовый

Эта целевая страница использует ассоциацию фиолетового цвета с игровым воображением. Автор Artar Studio.

Фиолетовый — мистический, таинственный и чувственный — не тот цвет, который мы часто видим в природе.Общие ассоциации, которые у нас есть с фиолетовым, включают:

  • Роялти
  • Люкс
  • Интрига
  • Магия
  • Тайна
  • Военная честь
  • Богатство
  • Воображение
  • Духовность

В зависимости от вашего бизнеса эти представления часто могут идти рука об руку.

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

Красный

Обратите внимание, что здесь делает красный. Они не просто подают коктейли, они подают коктейли СЕЙЧАС. Дизайн плаката — Mky.

Красный — привлекающий внимание, яркий, горячий цвет, который обычно ассоциируется с:

  • Страсть
  • Высокая энергия
  • Любовь
  • Тепло
  • Пожар
  • Война
  • Гнев
  • Опасность
  • Уверенность

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

Оранжевый

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

  • Молодёжь
  • Доступность
  • Жизнеспособность
  • Дружелюбие
  • Юмор
  • Сезонные изменения (особенно с лета на осень)

В этом мотивационном плакате о фитнесе используются теплые цвета, чтобы передать жизненную силу.Автором Neatlines.

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

желтый

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

На этом плакате желтый цвет передает теплоту дружбы с тонким предупреждением о неприятностях на горизонте.Дизайн разработан subsiststudios.

  • Энергия
  • Счастье
  • Опасность
  • Молодёжь
  • Игривость
  • Бодрость
  • Тепло

Обратите внимание, что одна из этих ассоциаций не совсем , как другие.

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

розовый

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

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

  • Развлечения
  • Девчушка
  • оптимистичный
  • Сладкий
  • Нежный
  • Романтический
  • Мирный

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

Серый

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

  • Нейтраль
  • Профессиональный
  • Эффективный
  • Формальный
  • Корпоративный

Эффектный серый дизайн выделяется даже на торговой выставке. Мила Джонс Канн.

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

Черный

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

  • Люкс
  • Mystique
  • Мощность
  • Формальность
  • Элегантность
  • Тьма
  • Тайна
  • Сексуальность
  • Контроль
  • Оккультизм

Дизайн с преобладанием черного цвета может произвести поразительный эффект. Автор Avem Noctis.

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

Белый

Белый — это чистый лист. Свежий, новый, мятный в коробке, вызывает следующие ассоциации:

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

  • Чистота
  • Чистота
  • Пустота
  • Простота
  • Молодёжь
  • Честь
  • Мир
  • Чистота
  • Холод

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

коричневый

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

.

  • Надежный
  • Старомодный
  • землистый
  • Мужской
  • Натуральный
  • Надежный
  • Теплый

Brown также напоминает людям фотографии в тонах сепии, что делает его отличным выбором для бренда, который связывает клиентов с их семейными историями, систематизируя их фотографии.Логотип и веб-дизайн от DSKY.

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

Как значения цвета меняются в зависимости от культуры

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

Желтый может иметь более зловещий оттенок в зависимости от культурного контекста. Автор Alfie ™.

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

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

Лучшие цвета для вашего призыва к действию

Красный — лучший цвет для призыва к действию, потому что он говорит о действии и выполнении дел СЕЙЧАС, верно? Не обязательно.Хотя красный может быть отличным цветом для вашего призыва к действию (CTA), и, безусловно, — это , успешно используемый многими компаниями, это не единственный выбор цвета для кнопки CTA, и не всегда лучший выбор.

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

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

Красный может работать для CTA, но это зависит от контекста и общего дизайна. Ложкой-лансером.

Другие эмпирические правила, которым следует следовать при призыве к действию:

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

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

Как проверить свою стратегию цветного маркетинга

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

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

Для этого вам может потребоваться выполнить несколько итераций A / B или сплит-теста, чтобы определить, какая цветовая палитра наиболее эффективна.После того, как у вас есть финалисты по цвету (цвета без негативных коннотаций на рынках, которые вам интересны и которые контрастируют друг с другом, демонстрируя идентичность вашего бренда), пора им сразиться в «сетевом турнире». . »

Красный цвет задней части — лучший вариант для этого разноцветного фургона или желтый цвет привлечет больше внимания? Есть только один способ сказать: тестирование. Дизайн автомобильной упаковки от DORARPOL.

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

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

Цвета усиливают ваше маркетинговое сообщение

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

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

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

Как разработать идеальную цветовую палитру для Instagram (Руководство)

Получите больше подписчиков с помощью единой цветовой палитры для своей ленты в Instagram

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

Чтобы ваша потенциальная новая аудитория в первую очередь щелкнула «Follow», вы должны привлечь их внимание.

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

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

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

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

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

Цветовые палитры Instagram для стремления к

Фокус на тон

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

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

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

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

Выберите тему

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

Как это возможно? Что ж, весь корм — коктейли и мороженое, достойные слюни, великолепные пляжи и роскошная курортная одежда.

Если согласованная тема может работать для вашей ленты, то работайте с ней.

Переключить вещи

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

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

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

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

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

Одно из лучших мест в Интернете, если вам НРАВИТСЯ цвет, — Design-Seeds.com. Дизайнер Джессика Колалука создает САМЫЕ красивые, вдохновляющие цветовые палитры каждый день .

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

Почему не 100%? У вас должны быть вариации за пределами вашей палитры , если они полностью дополняют друг друга. В противном случае ваш фид может стать устаревшим и автоматизированным.

Какую цветовую палитру выбрать

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

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

Вот типы, к которым вы хотите стремиться, когда дело касается цветовых палитр Instagram:

Аналогичные цветовые палитры

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

Монохромные палитры цветовых схем

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

Бесплатные цветовые палитры

Эти цветовые палитры, как правило, кажутся немного более креативными, поскольку они объединяют воедино, казалось бы, несопоставимые цвета (противоположные друг другу).

Палитры нейтральных цветов

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

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

Соответствует даже новым цветам

Посмотрите на весь этот цвет! Вы поверите, что корм Design Seeds выдерживает постоянство? Что ж, это действительно так.

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

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

Последовательность так важна, когда дело доходит до создания аудитории!

Подобно REI, Design Seeds имеет тенденцию отклоняться в сторону яркости или естественности для девяти-двенадцати постов. Так что у вас нет оправдания, чтобы не стремиться к некоторой форме последовательности. Главное — выбрать что-то ограничивающее, но выполнимое для вашего бренда.

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

Цвет, который что-то значит

Прежде чем продолжить, нужно опустить голову, забыть об источниках вдохновения и подумать о ВАШЕМ бренде . Что вы пытаетесь сообщить и с кем? Конечно, со временем это станет яснее, но у вас должна быть отправная точка.

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

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

Инструменты для создания цветовой палитры с нуля

Adobe Color

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

  • Аналогичные цвета
  • Монохроматические цвета
  • Цвета триады
  • Бесплатные цвета
  • Составные цвета
  • Оттенки
  • Custom

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

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

Дизайнер цветовых схем

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

Уловка из одной фотографии: как создать цветовую палитру из изображения

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

  • Ваш лучший снимок продукта
  • Ваша фотография в Instagram с наибольшей заинтересованностью
  • Персонализированные изображения с вашего веб-сайта

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

Если вы встраиваете канал Instagram на свой веб-сайт, это должно иметь смысл с вашей цветовой схемой в Интернете.

Создание палитры

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

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

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

Как видите, генератор цвета уловил дополнительных, нежелательных тонов .

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

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

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

Настройка палитры

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

Затем вы можете сохранить его и настроить еще больше.

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

Сохранение цветовой палитры

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

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

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

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

Затем вы можете создать PNG для загрузки.

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

Рекомендуется загрузить квадраты для упрощения ссылок. Но карандаши могут пробудить немного творчества!

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

Применение фильтров к палитре

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

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

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

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

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

До

После

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

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

Создание доски визуализации цветовой палитры Instagram

Следующее, что вам нужно сделать, это создать доску визуализации для Instagram с цветовой палитрой . Это может быть документ Word или дизайн Canva — все, что вы хотите сделать, найдет для вас вдохновение в одном месте.

Включает:

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

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

Яркие и приглушенные варианты — это нормально, особенно если у вас ограниченная цветовая палитра.

Или добавьте цветовую палитру Instagram к руководству вашего бренда

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

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

  • Создайте слайд в Instagram в общих принципах бренда
  • Создайте слайд Instagram в своих социальных сетях или онлайн-правилах
  • Создать слайд-презентацию для Instagram

Что бы вы ни делали, вы захотите, чтобы включил эти вещи , когда дело доходит до вашей новой цветовой палитры:

  • Уникальные названия для каждого цвета
  • Описательные прилагательные к настроению палитры
  • Шестнадцатеричный код для каждого цвета (на всякий случай)
  • Цвета наложения текста
  • Названия фильтров, которые можно использовать, и из какого приложения они взяты.

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

Идите вперед и покоряйте Instagram красиво!

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

Создайте индивидуальную цветовую палитру | Журнал Seamwork

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

Проверьте и улучшите свои цвета

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

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

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

Светлый цвет лица, светлые волосы и глаза создают низкий контраст. Людей с низким контрастом подавляют высококонтрастные цвета (справа), тогда как приглушенные цвета привлекают внимание к лицу (слева).

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

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

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

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

Получить профессиональную помощь

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

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

Системы Sci / ART и Color Alliance являются примерами систем, которые классифицируют вас по сезонам на основе цветовых узоров в природе. После сравнения вас с 1600 цветами, Sci / Art идентифицирует вас как один из двенадцати сезонов.Затем вы получаете готовый веер, содержащий 65-70 цветов, и консультант учит вас, как его использовать.

Color Alliance определяет вас как одного из четырех сезонов. Каждый сезон разбит на 15-30 подсезонов, и вам также дается другой ярлык, чтобы описать ваш общий личный контраст. Консультанты Color Alliance вводят цвет ваших волос, глаз и кожи в программу, которая дает уникальную палитру из 40 ваших лучших оттенков. Поклонники Color Alliance могут даже определить цвета губной помады и румян, а также групповые цвета для профессиональной, формальной и повседневной одежды.

Другой тип анализа сравнивает вас с 2000 образцами. У этой системы нет торговой марки, но если вы выполните поиск по запросу «2000 образцов цветового анализа», вы сможете найти консультанта, использующего этот метод. Международная ассоциация консультантов по имиджу также имеет хорошую функцию поиска на своем сайте. Ваш веер, содержащий более 60-70 цветов, будет совершенно уникальным и будет сделан из образцов ткани (в отличие от бумаги с точной печатью, такой как колода Pantone), что является огромным преимуществом для шитья, позволяя сравнивать ткань с тканью во время покупок.Эти специалисты по анализу цвета часто предлагают помощь в использовании вашей палитры и, возможно, даже проведут семинар по стилю, чтобы помочь вам понять, как ваша палитра будет работать в практической жизни.

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

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

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

Сборка шкафа

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

Создайте гардероб, начав с нейтральных тонов.

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

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

Советы по покупке ткани
  • Принесите свою цветовую палитру : Если вы заплатили кому-то за проведение анализа цвета, в вашу консультацию должна быть включена организованная книга образцов. Если вы выбрали способ сделать своими руками, приклейте цветные квадраты размером 1 x 1 дюйм на полосы белого архивного картона с помощью бескислотного клея. Закажите полоски в удобном для вас порядке, проделайте отверстия на концах полос и соедините их кольцом. Или просто поместите свои маленькие квадраты в фотоальбом с пластиковыми рукавами.Теперь вам будет легко получить доступ к вашим цветам, когда вы будете делать покупки.

  • Справочник Pantone может стать хорошей инвестицией, если вы покупаете его в
    интернет-магазинах, в которых указаны цвета пантонов своих тканей.

  • Получите справочник Pantone : Некоторые интернет-магазины тканей, такие как Emma One Sock, Gorgeous Fabrics и Elliott Berman, отображают цветовую кодировку Pantone для своих тканей. Если у вас есть колода цветов Pantone, это поможет вам сравнить номера Pantone, указанные в описании ткани, с вашими собственными цветами.Это необязательный элемент, и кажется, что Pantone больше не производит очень доступную колоду веера «Цветовой гид для покупок». Вы все еще можете найти использованные копии в Интернете.

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

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

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

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

Использование цветов вне вашей палитры

Отклонение от вашей палитры

Цвета, не соответствующие вашей цветовой схеме, можно использовать для:

  • Туфли
  • Пуговицы
  • Накладки
  • Накладки
  • Ремни
  • Ювелирные изделия

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

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

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

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

Лучшие цветовые палитры для повышения вовлеченности веб-сайтов (2020)

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

Вы ошеломлены количеством возможных цветовых палитр веб-сайта? Не зная, какой выбрать?

У всех есть любимые цвета.

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

Цвета на самом деле вызывают эмоциональные отклики в зависимости от используемой палитры.

Хороший выбор цвета требует тщательного планирования.

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

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

Почему ваша цветовая схема так важна?

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

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

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

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

Вот как:

1. Повышение узнаваемости бренда

Ваш сайт — это, по сути, дом вашей компании в Интернете.

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

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

К счастью, цвет повышает узнаваемость бренда на 80%.

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

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

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

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

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

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

2. Сформируйте отношение посетителей к вашему сайту

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

В определенной степени причина этого ясна.

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

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

Многие компании используют эти связи, как показано логотипами на следующей диаграмме.

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

Это напрямую связано с «индивидуальностью» вашего бренда.

В одном исследовании личности бренда психолог и профессор Стэнфордского университета Дженнифер Аакер пришла к выводу, что пять основных параметров играют роль в индивидуальности бренда:

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

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

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

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

Например, синий часто считается самым безопасным выбором.Отчасти это связано с тем, что это самый распространенный «любимый» цвет среди большинства населения.

На самом деле 57% мужчин и 35% женщин считают, что это их любимый цвет.

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

Также стоит отметить, что синий цвет также часто ассоциируется с чувством доверия, авторитета и надежности.

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

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

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

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

3. Развивайте чувство порядка

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

Лучший способ сделать это — изучить несколько основных принципов теории цвета.

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

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

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

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

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

При этом аналогичные цветовые схемы также являются одними из самых ярких.

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

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

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

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

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

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

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

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

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

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

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

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

4.Выделение определенных элементов

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

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

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

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

Такой подход также соответствует предпочтениям большинства потребителей.

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

Первое исследование показало, что «парные предпочтения и гармония усиливаются по мере увеличения сходства оттенков». Но, «хотя пары с высококонтрастными оттенками, как правило, не считаются ни предпочтительными, ни гармоничными, рейтинги цветовых предпочтений фигурируют по мере увеличения контрастности оттенка с фоном.”

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

Итак, хотя ваш акцентный цвет должен иметь сильный контраст, это нормально — и даже предпочтительнее, — если остальная часть вашей палитры состоит из относительно похожих оттенков.

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

5. Упростите конструкторские решения

Когда дело доходит до ведения веб-сайта или бизнеса (или того и другого!), Всегда полезно искать способы упростить базовые процессы.

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

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

Это особенно верно, если вы потратите время на документирование своей палитры простым в использовании способом, как в этом бизнесе:

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

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

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

Сколько цветов вам нужно добавить?

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

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

Как выбрать цветовую схему веб-сайта

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

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

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

16 отличных цветовых палитр для повышения заинтересованности веб-сайтов (2020)

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

1. Mea Cuppa

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

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

2. Большая вершина

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

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

3.Глаз Тори

Наш третий пример взят из инструмента визуализации Twitter Tori’s Eye. Это отличный пример преимущественно монохромной цветовой схемы. Здесь мы видим эффекты простой, но мощной цветовой палитры, сосредоточенной вокруг оттенков зеленого.

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

4. BarkBox

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

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

5. Набор для выживания с сыром

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

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

6. Северный рубин

У конференции

Nordic Ruby в Стокгольме есть красивый веб-сайт, оформленный в ярких тонах. Цвета, выбранные для цветовой палитры этого веб-сайта, придают ему изысканность и выделяют его среди менее эффектных дизайнов.

7. Озеро Нона

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

8. Лимонная стойка

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

9. Монетный двор

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

10. Одопод

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

11. Fiverr

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

12. Школа цифровой фотографии

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

13. Ahrefs

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

14. Millo.co

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

15.Брайан Гарднер

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

16. Ткацкий станок

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

Удобный список ресурсов для выбора идеальной цветовой палитры веб-сайта

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

Во-первых, нужно ли вам вдохновение?

1: BrandColors

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

Ищете готовую палитру?

2: ColourLovers

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

(В комплекте с причудливыми названиями.)

3: ColoRotate

ColoRotate поставляется с библиотекой цветовых схем, которые вы можете просматривать, выбирать и изменять.Если вы хотите создать свой собственный с нуля, вы можете это сделать с помощью инструмента 3D-цвета. И вы можете использовать схему, созданную вами прямо в PhotoShop или Fireworks, с плагином ColorRotate и приложением для iPad.

Соответствуйте вашему бренду

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

4: Охотник за цветом

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

5: Прекрасный

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

Эти инструменты будут генерировать целые цветовые палитры.

6: Цветовое колесо Adobe Color CC

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

7: Палетон

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

8: Color Spire

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

9: Цветовая сфера MudCube

(Источник: http://htmlcolorcodes.com/resources/best-color-palette-generators/)

MudCube’s Color Sphere — это плагин Chrome, который помогает гармонизировать цвета, контролировать дальтонизм и определять шестнадцатеричные коды. Вы также можете экспортировать цветовые схемы прямо в Illustrator, PhotoShop и CoIRD.com.

10: Сплошные цвета

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

11: Генератор шестнадцатеричных цветовых схем

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

Создайте свои цвета

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

12: Цветное приложение

Этот инструмент iOS позволяет принимать точные решения между похожими цветами, четко распределяя их с некоторым промежутком между ними, а не градиентами, как в цветовых кругах и сферах. Большие цветные сетки позволяют использовать весь экран (пользователи iPad Pro, радуйтесь!), А также позволяют выбирать цвета, находить значения RGB, Hex и HSLA и создавать цветовые палитры с нуля.

13: Цвет

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

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

Получить коды для цвета

Если вы где-то видели цвет и не знаете, как его назвать, это инструменты для вас.

14: SpyColor

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

15: Цветовые коды HTML

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

Проверьте свою палитру

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

16: Проверь мои цвета

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

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

Соответствующие изображения

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

17: TinEye

TinEye более известен как альтернатива поиску картинок Google. Но он также работает как способ изучения цветовых комбинаций, используя базу данных из более чем 10 миллионов лицензионных фотографий Creative Commons, собранных с Flickr.Если вы ищете изображения с идеальной цветовой комбинацией, это отличный и простой в использовании способ их найти.

18: Дизайн

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

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

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

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

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

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

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

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

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

Вы не узнаете, пока не протестируете.

Начните использовать Crazy Egg

Создайте бесплатную учетную запись Crazy Egg, чтобы начать бесплатную пробную версию, или войдите в систему, чтобы настроить отчеты о поведении пользователей.

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

Заключение

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *