Синий и красный цвет сочетание: Красный с синим, зеленый с желтым и еще пять запрещенных сочетаний цветов в одежде

Содержание

90 идей для интерьера (фото)

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

Плюсы и минусы красных интерьеров

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

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

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

С какими цветами сочетается

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

Белый с красным

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

Зеленый с красным

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

Оранжевый с красным

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

Коричневый с красным

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

Синий с красным

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

Черный с красным

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

Желтый с красным

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

Красный цвет в разных интерьерах

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

Гостиная

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

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

Спальня

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

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

Детская комната

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

Кухня

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

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

Прихожая

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

Ванная комната

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

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

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

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

Сочетания с красным цветом — фото

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

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

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

Истина где-то посередине. Многие дизайнеры жалуются на отсутствие вдохновения, особенно, когда речь идет о выборе цветов другими людьми. Возможно потому, что в последнее время, клиентов трудно удивить чем-то новым. Каждый читатель может поинтересоваться: как дизайнеры способны выбрать только подходящие цветовые сочетания, когда количество цветов бесконечно?. Ответ окажется неожиданным и слегка забавным: многие цвета не любят друг друга! Конечно, количество цветов практически безгранично, но только немногие из них являются “дружественными”! Кроме того, хороших цветовых комбинаций довольно мало в сравнении с огромным количеством оттенков.

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

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

Синий + Желтый = Зеленый

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

Красный + Желтый= Оранжевый

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

Синий + Зеленый = Аквамарин

Синий + Фиолетовый = Лиловый

Красный + Оранжевый = Алый

Красный + Фиолетовый = Пурпурный

Желтый + Оранжевый = Золотистый

Желтый + Зеленый = Желто-зеленый

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

Значение наиболее часто используемых цветов

Красный

Когда человек задумывается о значении красного цвета, в его голове сразу же возникают ассоциации с любовью и Днем Святого Валентина, потому что большинство подарков в этот праздник красного цвета. Также красный провоцирует волнение – поэтому многие кнопки вызова и действий окрашены в красный цвет; кроме того он повышает кровяное давление. А еще красный означает опасность. Вас когда-нибудь интересовало, почему есть дорожные знаки красного цвета? Вот вам и объяснение.

Тест бесплатно

Тест бесплатно

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

Синий

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

Тест бесплатно

Тест бесплатно

Тест бесплатно

Шаблоны ниже иллюстрируют, как теория осуществляется на практике.

Желтый

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

Вот несколько тем, с дизайном в желтых тонах.

Тест бесплатно

Тест бесплатно

Тест бесплатно

Зеленый

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

Обратите внимание на удивительное использование зеленого цвета в веб-дизайне.

Тест бесплатно

Тест бесплатно

Тест бесплатно

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

Сочетания цветов и цветовые комбинации

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

Монохромная

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

Аналоговая

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

Комплементарная

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

Триадическая

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

Тетрадическая

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

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

Любимые инструменты по подбору цветовых схем

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

#1 – Canva Color Wheel
Это прекрасное приложение с удобным интерфейсом. Он простой в использовании и интуитивно понятен. Будьте уверены, его стоит попробовать!

# 2 – Adobe Color Wheel

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

#3 – Colors Co

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

Вот собственно и все. Теперь вы обладаете необходимыми ресурсами, чтобы достичь мастерства в теории цвета. Будьте терпеливы, уверенны в себе и усердно работайте – и достигнете результата!

сочетание синего, белого и красного в одежде

Сочетание синего с белым и красным используется во флагах разных стран: России, Великобритании, Франции, США, Голландии, Чехии и многих других. Но не только в государственных символах приобрел популярность этот интересный триколор, дизайнеры и модницы тоже оценили его по достоинству. Причем увидеть сочетание синего, белого и красного цветов в одежде можно в разноплановых стилях и образах. Посмотрим на них!

Какие оттенки красного, синего и белого можно брать?

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

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

2. Белый. Актуальны только чистые оттенки или с минимально выраженным подтоном: белоснежный, матовый белый, молочный.

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

матовый белый, нэви и ярко-красный в образе

Где используется бело-сине-красное сочетание?

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

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

— бело-синяя доминирующая гамма с красными акцентами;

— бело-красная главенствующая палитра с синими акцентами.

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

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

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

сине-бело-красное сочетание в комплекте для работы

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

сет в стиле кэжуал в сине-бело-красной гаммеобраз в городском стилебело-сине-красный лук в стиле спорт шик

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

красно-сине-белый образ в стиле де франс

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

Фото:

1,2,6,7. © 2015 CONDE NAST / Источник vogue.com
3. © upthestyle
4. © lia870301
5. © lillaby_mj
8. © saymejustine

Текст: Валентина Чайко
  • < Носят ли пальто с джинсами? 5 идей для вдохновения!
  • Образы для свидания: фото романтических сетов >

сочетания в интерьере сине-белых цветов на стенах с красным и черным

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

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

Красно-бело-синяя кухня: особенности

Сине красно белая кухня делает кухню очень необычным и стильным местом

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

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

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

Достоинства и недостатки

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

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

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

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

Правила объединения трех цветов

Необычное сочетание стиля и цвета, но интересно

На небольшой кухне должен преобладать белый цвет.

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

Красный можно использовать просто как декор

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

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

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

Для большого или совмещенного помещения

На большой кухне красный привлечет внимание к нужным зонам

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

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

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

Даже капелька красного оживит холодный интерьер

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

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

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

Можно использовать оттенки красного и синего в эксперименте

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

Как подобрать свет

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

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

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

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

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

Смотрите как правильно ввести синий и красный в интерьер:

Выбираем декор

Красный декор освежает

Декор для таких кухонь может быть двух видов:

  • с использованием только трех цветов;
  • с использованием четвертого цвета.

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

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

Красный декор может быть в яркой мебели

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

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

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

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

Вместо декора можно использовать яркие фрукты

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

Стиль интерьера

Используйте красно синие фасады

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

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

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

Скандинавский стиль очень сдержанный и поэтому красный должен использоваться дозировано

Морской стиль: красные и белые фасады, белые или голубые шторы, полосатые текстильные мягкие сидения и спинки, панно на морскую тематику на стенах в сине-бело-красных тонах. Все остальные «морские» детали (штурвал, модель парусника, аквариум и так далее) вполне впишутся в такой интерьер.

Морской стиль создает массу воздуха

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

В этом стиле можно добавить еще какие-то цвета

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

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

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

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

Джинсы и темно синий верх

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

сочетание с голубым цветом

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

Контрастное сочетание синего и красного цветов

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

с чем носить джинсы

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

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

Сочетание синего и коричневого в одежде

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

Возможно ли сочетание синего и зеленого цветов?

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

Цвет морской волны сочетание цветов

Сочетания цветов оранжевого и синего на цветовом круге

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

Сочетание фиолетового и оранжевого

СОЧЕТАНИЕ ЦВЕТОВ

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

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

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

Таблица сочетания красного цвета

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

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

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

Таблица сочетания цвета фуксия

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

Таблица сочетания кораллового цвета

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

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

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

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

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

Таблица сочетания коричневого цвета

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

Таблица сочетания зелёного цвета

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

Таблица сочетания оливкового цвета

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

Таблица сочетания горчичного цвета

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

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

Голубой цвет сочетается с цветами: розовый, сиреневый, коралловый, светло-фиолетовый, желтый, ярко-синий, темно-синий, серый, белый, бежевый. Бирюзовый сочетается с белым, желтым, оранжевым, фиолетовым, сине-зеленым.

Таблица сочетания голубого цвета

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

Таблица сочетания фиолетового и лилового цвета

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

Таблица сочетания серого цвета

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

Таблица сочетания цвета хаки

Черный цвет, белый и серый используются как отделка. Неплохо выглядит черный цвет в соседстве с оранжевым, желтым, розовым, красным, сиреневым и салатным тонами, с едко-розовым, серым, лимонным, индиго, серым, сочно-зеленым с лазурью, бледно-зеленым с ярко-зеленым. Правильное сочетание цветов в одежде сделает ваш облик законченным и гармоничным. Общие правила говорят, что этого можно добиться при сочетании: резкоконтрастных цветов, например, красный — синий, красный — белый, красный — васильковый, красный — зеленый, оранжевый — черный, оранжевый — васильковый, зеленый — белый. Такие сочетания используются в спортивной, детской и юношеской одежде. контрастных цветов, например, вишневый — розовый, синий — васильковый, лиловый — сиреневый, зеленый — салатный. Такие сочетания применяются в различных видах одежды. полутональных цветов, например, нежно-розовый — нежно-голубой, нежно-салатный — нежно-сиреневый. однотонных цветов, например, коричневый — бежевый, светло-красный — темно-красный. Такие сочетания используются в повседневной одежде и одежде полных женщин. Все пастельные тона сочетаются между собой независимо от оттенка. Пастельные цвета- это бежевый, персиковый, розовый, светло-голубой и т.п. Т.е. все цвета, в добавлении которых очень много белого. Такие цвета можно комбинировать между собой в любом порядке. Будьте осторожны с розовым — единственный цвет, который полнит. Используйте от 2х до 4х цветов. Если Вы используете только 1 цвет, создаётся ощущение скучности и бледности. Если Вы используете в одежде более 4х цветов, то при виде вас взгляд людей перескакивает с одного цвета на другой, не зная, где остановиться, что бессознательно повышает тревожность. Между собой можно сочетать либо родственные, либо контрастные цвета. Все остальные варианты — негармоничные. Родственные — это цвета, которые отличаются друг от друга по оттенку (красный, розовый, тёмно-красный). Контрастные — это цвета, которые полностью противоположны (фиолетовый — жёлтый, синий — оранжевый). Единственное контрастное сочетание, которое является рискованным — это зелёный и красный. Узнать, какие цвета родственные, а какие контрастные можно с помощью цветового круга. avtdesign.ucoz.ru/publ/4-1-0-33 akstdesignblog.ru/teorija-dizajna/23-cvetovoj-krug Ну вот, теперь Вы подкованы в смысле сочетания цветов — примите всё это как информацию к размышлению, а не руководство к действию. Как говорят: «О вкусах не спорят», в конце концов смешивать можно все и в разных пропорциях, главное, что бы всё это было «вкусно». Дерзайте!

Правильное сочетание цветов: stomaster — LiveJournal


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

Сочетание цветов.

Белый цвет — со всеми.

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

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

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

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

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

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

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


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

 


 


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


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

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

Итак, Бежевый


Глухой желтый

Оранжевый


Горчично-зеленый


Хаки

Ярко-синий


Фуксия


Лучшие цветовые комбинации в 2020 году

Обновление , февраль 2021 г .: Основные цветовые тенденции и комбинации, которые стоит попробовать в 2021 году .

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

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

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

Черный и желтый

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

Просмотреть исходный код

Просмотреть исходный код

Просмотреть исходный код

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

Синий и красный

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

Просмотреть исходный код

Просмотреть исходный код

Просмотреть исходный код

Просмотреть исходный код

Ультрафиолетовый и цветущий георгин

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

Просмотреть исходный код

Просмотреть исходный код

Просмотреть исходный код

Просмотреть исходный код

Хотите узнать больше о пастельных тонах ? Прочтите «Пастельные цвета в дизайне» [Идеи, примеры и мега вдохновение].

Черно-белый

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

Просмотреть исходный код

Просмотреть исходный код

Просмотреть исходный код

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

Серый и яркий зеленый

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

Просмотреть исходный код

Просмотреть исходный код

Просмотреть исходный код

Просмотреть исходный код

Просмотреть исходный код

Кораллово-бирюзовый

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

Просмотреть исходный код

Просмотреть исходный код

Просмотреть исходный код

Черный и оранжевый

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

Просмотреть исходный код

Просмотреть исходный код

Просмотреть исходный код

Просмотреть исходный код

Синий и оранжевый

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

Просмотреть исходный код

Просмотреть исходный код

Просмотреть исходный код

Удивительные сочетания цветов, правда?

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

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

Возможно, вас заинтересуют наши дизайнерские наборы:

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

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

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

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

2 миллиона + шаблонов плакатов, флаеров и дизайнерских ресурсов с неограниченным количеством загрузок

Загрузите тысячи потрясающих шаблонов плакатов, флаеров и многого другого с членством на Envato Elements.Он начинается с 16 долларов в месяц и дает вам неограниченный доступ к растущей библиотеке, насчитывающей более 1 400 000 дизайнов плакатов, листовок, шаблонов для печати, тем, фотографий и многого другого.

Изучите шаблоны плакатов

Ярко-синий и белый

# 0099e5 # ffffff

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

Черно-белый и пурпурный

# 000000 # ffffff # e72178

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

Синий, красный и золотой

# 354e6c # e64241 # eaac31

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

Желтый и черный

# f8bd31 # ead2ae # 353b39

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

Изумруд Монотонный

# 127678 # 30b5a4 # b4d9d2

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

Голубовато-пурпурный и бледно-желтый

# 354581 # ffe074

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

Розовый и мятно-зеленый

# e03c79 # 88c1b8

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

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

# fc6746 # f5b307 # 008186

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

темно-синий монотонный

# 0f053a # ffffff

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

Пастельно-фиолетовый

# 967f9b # ece0ea

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

Пурпурный, розовый и небесно-голубой

# 372869 # d50a80 # 37b0c3

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

Красный, синий и золотой

# ce2625 # 18152a # dd9d39

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

Голубой и серый

# a2c0e2 # 4a434a # 9c96a4

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

Ярко-синий и золотой

# 4a57a5 # f99935

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

Бирюзово-белый

# 297c8c # ffffff

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

Ярко-зеленый, черный и белый

# 0db24c # 000000 # ffffff

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

Оранжевый и желтый

# f48647 # f7dd32

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

Наложение теплых и холодных цветов

# e7584a # 342260

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

Темно-зеленый и золотой

# 112629 # 17343a # ccb57f

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

Фиолетовый и синий градиент

# 7272b2 # 4ac2da

Мы не можем говорить о цветовых схемах без градиента (одного из самых модных вариантов цвета). Этот градиент от фиолетового до синего прост и приятен для глаз.

Заключение

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

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

Дизайн плаката

Если вы создаете собственный дизайн плаката или ищете шаблон плаката, чтобы быстро начать работу, эта серия статей — идеальное место для начала!

Прочитать статью →

Лучшие цветовые палитры для повышения вовлеченности веб-сайтов (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 используется приятная для глаз цветовая палитра, которая включает в себя пару оттенков драгоценных камней (рубиновый и изумрудный) для максимальной живости, но в остальном полагается на нейтральную монохроматическую палитру коричневых и серых тонов.

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

2. Большая вершина

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

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

3.Глаз Тори

Наш третий пример взят из инструмента визуализации Twitter Tori’s Eye. Это отличный пример преимущественно монохромной цветовой схемы. Здесь мы видим эффекты простой, но мощной цветовой палитры, сосредоточенной вокруг оттенков зеленого.

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

4. BarkBox

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

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

5. Набор для выживания с сыром

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

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

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, чтобы начать бесплатную пробную версию, или войдите в систему, чтобы настроить отчеты о поведении пользователей.

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

Заключение

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

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

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

Дайте себе возможность сделать свой сайт максимально привлекательным и запоминающимся.

47 красивых цветовых схем для вашего следующего дизайн-проекта

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

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

Ознакомьтесь с некоторыми из наших любимых палитр из коллекции.

1.

2.

3.

4.

5.

6.

7.

8.

9.

10.

11.

12.

13.

14.

15.

16.

17.

18.

19.

20.

21.

22,

23.

24.

25.

26.

27.

28.

29.

30.

31.

32.

33.

34.

35.

36.

37.

38.

39.

40.

41.

42.

43.

44.

45.

46.

47.

ПОДРОБНЕЕ…

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

Синий для доверия, красный для страсти: как выбрать цветовую схему для вашего бренда | Guardian Small Business Network

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

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

Взгляните на индустрию быстрого питания. До недавнего времени почти каждая сеть быстрого питания использовала сочетание красного и желтого в своем брендинге. Красный и желтый цвета обычно ассоциируются со скоростью и эффективностью. Однако сейчас McDonald’s отошла от этой цветовой комбинации.

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

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

Исследование, проведенное Color Communications Inc, показало, что кому-то требуется около 90 секунд, чтобы сформировать мнение о бренде. В течение этого времени от 62% до 90% решений зависит только от цвета. Если вы неправильно выберете цвет, ваш шанс произвести хорошее первое впечатление будет упущен.Но не попадайтесь в ловушку мысли, что вы должны следовать норме. Часто бренд-претендент выбирает цветовую палитру, которая почти полностью противоположна тому, что люди ожидают.

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

Прекрасным примером этого является слияние двух старейших банков США, Mellon Bank и Bank of New York. Банки в США и во всем мире используют националистические цвета для обозначения патриотизма и безопасности. Но новый BNY Mellon хотел создать бренд для меняющегося глобального рынка. Он отказался от красного и синего, связанных со звездным флагом, и выбрал серебро и золото, цвета, тесно связанные с чеканкой монет во всем мире. Теперь он выделяется не только дома, но и на мировых финансовых рынках.

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

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

Цвета и их значения

Синий: спокойствие, стабильность, доверие, умный

Красный: страсть, непосредственность, гнев, голод

Зеленый: успокаивающий, естественный, зависть, баланс

Желтый: радость, внимание, свежесть, энергия

Апельсин: счастье, влечение, богатство, жажда

Розовый: забота, любовь, эмоциональный, чувствительный

Фиолетовый: роскошь, королевский, высокомерный, грусть

Черный: сила, мощь, элегантность, жирный

Грэм Уотсон является соучредителем We Can Creative

Зарегистрируйтесь, чтобы стать участником Guardian Small Business Network здесь , чтобы получать дополнительные советы, идеи и передовые методы прямо на свой почтовый ящик.

IBM Design Language — Color

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

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

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

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

Каждое из 10 цветовых семейств разделено на 10 образцов в диапазоне от от светлого к темному.Значения RGB и HEX предоставляются для цифровых приложений вместе с со значениями Pantone® и CMYK для печати.

красного 1002d0709

красного

408

красного 80750e13

красных 70a2191f

красного 60da1e28

красного 50fa4d56

красного 40ff8389

красного 30ffb3b8

красного 20ffd7d9

красного 10fff1f1

пурпурного 1002a0a18

пурпурный

224

пурпурного 80740937

пурпурного 709f1853

пурпурного 60d02670

пурпурного 50ee5396

пурпурного 40ff7eb6

пурпурного 30ffafd2

пурпурного 20ffd6e8

пурпурного 10fff0f7

фиолетовый 1001c0f30

фиолетовый

35e

фиолетовый 80491d8b

фиолетовый 706929c4

фиолетовый 608a3ffc

пурпурный 50a56eff

пурпурный 40be95ff

пурпурный 30d4bbff

пурпурный 20e8daff

пурпурный 10f6f2ff

синий 100001141

синийd6c

синий

000

d9c

d9c синий

d9c 2-синий 504589ff

синяя 4078a9ff

синяя 30a6c8ff

синяя 20d0e2ff

синяя 10edf5ff

циан 100061727

циан

749

циан 80003a6d

циан 7000539a

циан 600072c3

циан 501192e8

циан 4033b1ff

циан 3082cfff

циан 20bae6ff

циан 10e5f6ff

бирюзовых 100081a1c

бирюзовых

b30

бирюзовых 80004144

бирюзовых 70005d5d

бирюзовых 60007d79

бирюзовых 50009d9a

бирюзовых 4008bdba

бирюзовых 303ddbd9

бирюзовых 209ef0f0

бирюзовых 10d9fbfb

зеленый 100071908

зеленый

d0d

зеленый 80044317

зеленый 700e6027

зеленый 60198038

зеленый 5024a148

зеленый 4042be65

зеленый 306fdc80000 9000a70002

черный 306fdc80000 9000a70002

000

0002 9000a70002 1619

холодный серый

72a

холодный серый 80343a3f

холодный серый 704d5358

холодный серый 60697077

холодный серый 50878d96

холодный серый 40a2a9b0

c coolff

c coolff серый

c 9000ffd7 9000ffd7 9000ffd7 9000ffd7 9000ffd7 9000ffd7 9000ffd7 9000ffd7 9000ffd7 9000ffd7 9000ffd9

black000000

серых 100161616

серых

626

серых 80393939

серых 70525252

серых 606f6f6f

серых 508d8d8d

серых 40a8a8a8

серых 30c6c6c6

серых 20e0e0e0

серых 10f4f4f4

whiteffffff

black000000

теплый серый 100171414

теплый серый

525

теплый серый 803c3838

теплый серый 70565151

теплый серый 60726e6e

теплый серый 508f8b8b

теплый серый 40ada8a8

c

теплый серый

теплый серый wh iteffffff

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

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

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

Избегайте смешивания бирюзового с красным или пурпурным.

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

Не смешивайте цвета, не входящие в допустимые двухцветные семейства.

Избегайте смешивания цветов, находящихся на расстоянии более 2 шагов, например, от синего 60 до бирюзового 20.

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

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

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

black000000

синих 100001141

синегоd6c

синего 80002d9c

синего 700043ce

синего 600f62fe

синего 504589ff

синего 4078a9ff

синего 30a6c8ff

синий 20d0e2ff

синий 10edf5ff

whiteffffff

black000000

серое 100161616

серых

626

серого 80393939

серых 70525252

серого 606f6f6f

серых 508d8d8d

серого 40a8a8a8

серых 30c6c6c6

серых 20e0e0e0

серого 10f4f4f4

whiteffffff

оповещение 60da1e28

оповещения 5024a148

alert 40ff832b

alert 30f1c21b

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

Контрастность — это разница яркости между любыми двумя элементами. Паутина Рекомендации по доступности контента (WCAG) устанавливают конкретные коэффициенты, которые позволяют минимально необходимый контраст для разборчивости. Вообще говоря, мелкий текст — это любой размер меньше 24 пикселей и требуется размер 4.Коэффициент контрастности 5: 1. Крупный текст — это все, что указано выше 24px и требует коэффициента контрастности 3: 1. Графические элементы, например диаграммы в визуализации данных, также требуется коэффициент контрастности 3: 1.

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

Цвет 1 Цвет 2 (контраст 4,5: 1) Цвет 2 (контраст 3: 1)
Черный 50 через белый (6 шагов) 60 через белый (5 шагов) )
100 от 50 до белого (5 шагов) 60 до белого (4 шага)
90 от 50 до белого (4 шага) 60 до белого (3 шага)
80 40 через белый (4 шага) 50 через белый (3 шага)
70 30 через белый (4 шага) 40 через белый (3 шага)
60 От 20 до белого (4 ступени) от 20 до белого (4 ступени)
50 от 90 до черного (4 ступени) 80 до черного (3 ступени)
40 от 80 до черного ( 4 ступени) от 70 до черного (3 шагов)
30 от 70 до черного (4 ступени) от 70 до черного (4 ступени)
20 от 70 до черного (5 ступеней) 60 до черного (4 ступени)
10 60 через черный (5 шагов) 50 через черный (4 шага)
белый 60 через черный (6 шагов) 50 через черный (5 шагов)

фиолетовый Текст 90 доступен на Purple 50.

Текст Teal 20 доступен на Teal 80.

Черный текст доступен на Blue 50 и Teal 40.

Текст Blue 60 недоступен на черном.

Белый текст недоступен для Gray 50.

Белый текст недоступен для Blue 50 и Teal 40.

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

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

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

Руководство по сочетанию цветов — как раскрыть сверхспособности вашего веб-сайта

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

Истина где-то посередине. Многие дизайнеры критиковали отсутствие вдохновения, когда речь идет о выборе цвета другими людьми, и, возможно, нас слишком сложно удовлетворить. Спорим, любой читатель уже задумывается: «Как дизайнеры выбирают только достойные сочетания цветов, когда количество цветов бесконечно?». Ответ удивительный и забавный: большинство цветов не похожи друг на друга! Да, количество цветов практически безгранично, но очень немногие из них действительно «друзья»! К тому же хороших цветовых сочетаний очень мало по сравнению с количеством цветов.

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

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

Синий + желтый = зеленый

Синий + красный = фиолетовый

Красный + желтый = оранжевый

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

Синий + Зеленый = Аквамарин

Синий + Фиолетовый = Фиолетовый

Красный + Оранжевый = Киноварь

Красный + Фиолетовый = Пурпурный

Желтый + Оранжевый

Желтый + зеленый = Шартрез

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

Объяснение значения наиболее часто используемых цветов

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

Красный

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

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

ПОПРОБОВАТЬ БЕСПЛАТНО

ПОПРОБОВАТЬ БЕСПЛАТНО

ПОПРОБОВАТЬ БЕСПЛАТНО

Синий

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

Эти схемы показывают, как теория реализуется на практике.

ПОПРОБУЙТЕ БЕСПЛАТНО

ПОПРОБУЙТЕ БЕСПЛАТНО

ПОПРОБУЙТЕ БЕСПЛАТНО

Желтый и оранжевый

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

Посмотрите на некоторые желтые дизайны веб-сайтов в действии.

ПОПРОБОВАТЬ БЕСПЛАТНО

ПОПРОБОВАТЬ БЕСПЛАТНО

ПОПРОБОВАТЬ БЕСПЛАТНО

Зеленый

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

У нас есть удивительное использование зеленого в веб-дизайне.

ПОПРОБОВАТЬ БЕСПЛАТНО

ПОПРОБОВАТЬ БЕСПЛАТНО

ПОПРОБОВАТЬ БЕСПЛАТНО

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

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

Монохроматический

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

Аналог

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

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

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

Triadic

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

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

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

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

Онлайн-инструменты для работы с цветом

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

# 1 — Цветовое колесо Canva

Это замечательное приложение с потрясающим интерфейсом. Он прост в использовании и интуитивно понятен. Будьте уверены, стоит попробовать!

# 2 — Adobe Color Wheel

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

# 3 — Цвета Co

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