Цветовой круг сочетание цветов онлайн в дизайне: Названия цветов, от Абрикоса до Янтаря — ColorScheme.Ru

Сочетание цветов в интерьере

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

Знакомьтесь, круг Иттена

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

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

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

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

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

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

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

Что использовать вместо круга?

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

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

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

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

Ремарка: для того, чтобы интерьер не выглядел дилетантским, постарайтесь устроить так, чтобы основной цвет покрывал не менее 65% пространства. Остальные цвета должны быть задействованы не более, чем в 30%, ну и на яркие акценты выделяем 5% от общей картины.

Правила подбора цветов в помещении

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

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

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

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

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

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

Если вы все-таки решили остановить выбор на темном потолке, учтите, что у такого решения есть некоторые особенности:

1. черный потолок допустим только на больших площадях с высокими потолками. Однушка в хрущевке с черным потолком будет смотреться весьма нелепо.
2. такую окраску потолка приветствует минималистический стиль интерьера.
3. темный потолок требователен к мебели, полу и стенам – необходимо подбирать белые или молочные оттенки (шампань, экрю, айвори и прочие).
4. если к темному потолку прилагается панорамное окно – вариант будет выглядеть весьма эффектно и дорого.

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

Заключение

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

Василиса Иванова

Сочетание цветов в интерьере: в поисках гармонии

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

Подбор цветов всегда был сложной задачей для художников и дизайнеров. Чтобы ее облегчить, были предприняты попытки систематизации цветовой гармонии. Этим занимались великий Леонардо да Винчи, Исаак Ньютон, Иоганн Вольфганг фон Гёте, Вильгельм Фридрих Освальд и Иоганнес Иттен. Каждый из них исследовал природу цвета и создал свой вариант цветового круга.

Что такое цветовой круг и их варианты

Цветовой круг представляет собой сектора, окрашенные в спектральные цвета разных тонов и их переходы, а также модели HSB — Hue (оттенок), Saturation (насыщенность), Brightness (яркость).

1. Круг Леонардо да Винчи включал красный, синий, желтый, зеленый, а также белый и черные цвета. Он первый ввел понятия противоположных (комплементарных) и расположенных рядом (аналогичных) цветов.
2. Круг Ньютона состоял из семи цветов радуги. Исследования разложения спектра солнечного луча привели его к открытию законов оптического смешения цветов и появлению новых, которые отсутствовали в спектре.
3. Цветовой круг Гете состоял из красного, желтого и синего — основных цветов, которые чередовались с оранжевым, зеленым и фиолетовым. Он стал основоположником науки о психологии цвета и первым открыл физиологическую оптику.
4. В начале прошлого века Оствальд создал цветовой круг, который стал основой для построения модели цвета RGB. Он выделил в качестве базовых желтый, ультрамариновый, красный и зелено-синий (цвет морской волны). Цвета, которые получались при их делении, замкнул в круг из 24 цветов. В этом круге он выделил гармоничные сочетания из диад — противоположных цветов, триад — двух ближайших цветов и противоположных и квадриад — двух соседних и двух противоположных.
5. В 1961 году швейцарец Иоганнес Итткен опубликовал результаты своих исследований в книге «Искусство цвета». В ней он предложил свой вариант цветового круга из 12 секторов, основой которого являются всего три цвета: красный, синий и желтый. На круге они представлены в виде треугольника в центре. Все другие оттенки, по мнению Иттена, представляют смешение основных. К центральному треугольнику достраивается шестиугольник. В нем находятся цвета второго порядка, полученные за счет попарного смешения основных цветов. Шестиугольник вписан в круг из 12 составляющих. В сегментах, на которые не попадают вершины двух геометрических фигур, находятся оттенки цветов из соседних секций.

Как работать с цветовым кругом Иттена

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

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

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

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

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

3. Классическая триада — выберите основной оттенок цвета и постройте из этой точки равносторонний треугольник. Обычно в таком сочетании соблюдают такую пропорцию количественного использования оттенков: 60%, 30%, 10%.

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

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

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

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

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

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

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

— Дизайнер цветовых схем

Влюблен в цвета с 2002 года.

1. Приложение Paletton
2. Colorpedia
3. О компании Paletton
4. О компании Paletton

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

Этот инструмент палитры использует различные цветовые модели для объединения смежных цветов и / или дополнительных цветов к основному оттенку. Выбирайте модели от монохромных до трехцветных или четырехцветных наборов цветов, с дополнением или без него (противоположный оттенок), наслаждайтесь даже режимом свободного стиля.Поиграйте с яркостью и насыщенностью палитры, выберите из предустановленных предустановок или создайте случайные палитры. Уникальный фильтр имитации зрения имитирует палитру, которую видят люди с различной слабостью зрения, дальтонизмом, различными вариантами дальтонизма (протанопия, дейтеранопия, тританопия, протаномалия, дейтераномалия, тританомалия, дисхроматопсия или ахроматопсия), а также несколько гамма-симуляций (симуляция слишком яркого дисплея или слишком темной печати), обесцвечивания, преобразования оттенков серого или веб-цветов (устаревшая 216-цветная палитра).Палитру можно экспортировать во множество различных форматов (HTML, CSS, LESS, XML, текст, изображение PNG, палитра образцов Photoshop ACO или формат палитры GIMP GPL) для раскрашивания ваших работ. Проверьте цветовой контраст всех цветовых пар, используемых в палитре, и проверьте, соответствует ли цветовой контраст требованиям WCAG. Подробнее о цветах в Colorpedia.

Paletton является преемником предыдущего приложения Color Scheme Designer 3, которым с 2009 года пользовались почти 20 миллионов посетителей (в то время как первая версия была опубликована в 2002 году), как профессиональных дизайнеров, так и любителей, интересующихся дизайном, дизайном мобильных или настольных приложений или веб-дизайном. дизайн интерьера, мода или обустройство дома и переделки.Полная история Paletton в Colorpedia.

Javascript не обнаружен. Для этого приложения требуется Javascript.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

оттенок

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

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

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

оттенок

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

Оттенок

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

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

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

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

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

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

CMYK

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

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

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

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

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

RGB

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Однако выбрать цвета с высокой контрастностью не всегда так сложно, как выбрать цвета, которые хорошо смотрятся вместе.

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

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

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

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

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

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

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

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

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

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

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

Дополнительная цветовая схема также отлично подходит для диаграмм и графиков. Высокая контрастность помогает выделить важные моменты и выводы.

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

4. Сосредоточьтесь на монохромных цветах одного оттенка.

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

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

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

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

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

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

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

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

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

6. Создайте разделенную дополнительную цветовую схему.

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

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

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

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

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

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

Я обнаружил, что простое понимание того, как создаются цветовые схемы, помогает мне выбрать правильную цветовую схему. Если я просто подумаю: «Какова цель этого рисунка?» Я могу начать определять, какой (или насколько мало) контраст мне нужен.

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

7. Не ограничивайтесь предустановками, но начните с одного цвета.

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

• Не придерживайтесь предустановок. Почти каждая программа, которую вы используете, автоматически предоставит вам предустановленные цвета. Избавьтесь от предустановок и исследуйте цвет самостоятельно.Не позволяйте программе решать, как вы используете цвет в своем дизайне.
• Начните с одного цвета, который вам нравится. Каждый раз, когда я что-то создаю, я начинаю с одного цвета и на его основе строю цветовую схему. Если вы попытаетесь начать с нескольких цветов, вам будет труднее найти гармонию между вашими цветами.
• Сохраните свои цветовые схемы. Если вы найдете цвет (или цветовую схему), который вам нравится, возможно, он вам пригодится позже. Я бы не советовал использовать одну и ту же цветовую схему для каждой диаграммы или рисунка, которые вы создаете, но вы всегда можете использовать разные схемы по-разному позже.
• Практика ведет к совершенству. Чем больше вы играете с цветом и практикуете дизайн, тем лучше у вас получается. Никто не создает свой шедевр с первого раза.

Инструменты цвета

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

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

Adobe Color

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

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

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

Руководство по цветам Illustrator

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

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

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

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

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

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

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

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

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

Примечание редактора: этот пост был первоначально опубликован в октябре 2018 года и был обновлен для полноты.

Выбор правильной цветовой схемы для вашего интерьера

Основные, второстепенные и третичные цвета

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

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

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

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

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

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

Теплые и прохладные цвета

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

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

Нейтральные цвета

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

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

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

Монохромный

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

Аналог

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

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

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

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

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

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

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

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

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

33 красивых цветовых сочетания для вашего следующего дизайна

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

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

Комбинирование цветов на цветовом круге: быстрый обзор

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

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

Проведите линию через центр колеса, и вы отделите теплые цвета (красный, оранжевый, желтый) от холодных цветов (синий, зеленый, фиолетовый).

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

Когда цвета работают вместе, они создают цветовую схему или цветовую комбинацию.

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

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

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

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

33 красивых цветовых сочетания для вашего следующего дизайна

1. Розовый и изюм

Шестнадцатеричный код: # e52165 и # 0d1137

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

2. Красный, морская пена, нефрит и фиолетовый

Шестнадцатеричный код: # d72631, # a2d5c6, # 077b8a и # 5c3c92

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

3. Желтый, пурпурный, голубой и черный

Шестнадцатеричный код: # e2d810, # d9138a, # 12a4d9 и # 322e2f

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

4. Горчично-черный

Шестнадцатеричный код: # f3ca20 и # 000000

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

5. Пурпурный, золотарник, бирюза и кирпич

Шестнадцатеричный код: # cf1578, # e8d21d, # 039fbe и # b20238

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

6.Оттенки розового и коричневого

Шестнадцатеричный код: # e75874, # be1558, # fbcbc9 и # 322514

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

7. Золото, уголь и серый

Шестнадцатеричный код: # ef9d10f, # 3b4d61 и # 6b7b8c

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

8. Темно-синий, миндальный, красно-оранжевый и манговый.

Шестнадцатеричный код: # 1e3d59, # f5f0e1, # ff6e40, # ffc13b

На фоне нейтрального миндаля эта цветовая гамма темно-синего цвета в сочетании с огненными акцентами придает надежность и энергичность.

9. Желто-коричневый, глубокий бирюзовый и черный

Шестнадцатеричный код: # ecc19c, # 1e847f, # 000000

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

10. Темно-синий, охра, жженая сиена и светло-серая

Шестнадцатеричный код: # 26495c, # c4a35a, # c66b3d, # e5e5dc

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

11. Сиреневый, сапфировый и синий порошкообразный

Шестнадцатеричный код: # d9a5b3, # 1868ae, # c6d7eb

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

12. Синий, бордовый и индиго

Шестнадцатеричный код: # 408ec6, # 7a2048, # 1e2761

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

13. Малина и оттенки синего

Шестнадцатеричный код: # 8a307f, # 79a7d3, # 6883bc

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

14. Глубокий сосново-зеленый, оранжевый и светло-персиковый

Шестнадцатеричный код: # 1d3c45, # d2601a, # fff1e1

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

15. Морская пена, лосось и флот

Шестнадцатеричный код: # aed6dc, # ff9a8d, # 4a536b

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

16. Румяна, зеленый и пурпурный

Шестнадцатеричный код: # da68a0, # 77c593, # ed3572

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

17. Бирюзовый, коралловый, бирюзовый и серый

Шестнадцатеричный код: # 316879, # f47a60, # 7fe7dc, # ced7d8

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

18. Фуксия, сепия, ярко-розовый и темно-фиолетовый

Шестнадцатеричный код: # d902ee, # ffd79d, # f162ff, # 320d3e

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

19. Светло-розовый, шалфейный, небесно-голубой и виноградный

Шестнадцатеричный код: # ffcce7, # daf2dc, # 81b7d2, # 4d5198

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

20. Бежевый, черно-коричневый и коричневый

Шестнадцатеричный код: # ddc3a5, # 201e20, # e0a96d

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

21. Сепия, бирюзовый, бежевый и шалфейный

Шестнадцатеричный код: # edca82, # 097770, # e0cdbe, # a9c0a6

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

22. Желто-зеленый, оливковый и лесной зеленый

Шестнадцатеричный код: # e1dd72, # a8c66c, # 1b6535

Эти три оттенка зеленого — идеальная палитра для этого напитка с мятой и лаймом.Вместе они образуют блестящую смесь азарта и молодости.

23. Пурпурный, желтый и пурпурный

Шестнадцатеричный код: d13ca4, # ffea04, # fe3a9e

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

24. Горчица, шалфей и зеленый лес

Шестнадцатеричный код: # e3b448, # cbd18f, # 3a6b35

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

25. Бежевый, шиферный и хаки

Шестнадцатеричный код: # f6ead4, # a2a595, # b4a284

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

26. Бирюза и фиолетовый

Шестнадцатеричный код: # 79cbb8, # 500472

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

27. Светло-розовый, зеленый и морская пена

Шестнадцатеричный код: # f5beb4, # 9bc472, # cbf6db

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

28. Алый, светло-оливковый и светло-бирюзовый

Шестнадцатеричный код: # b85042, # e7e8d1, # ​​a7beae

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

29. Красный, желтый, голубой и ярко-фиолетовый

Шестнадцатеричный код: # d71b3b, # e8d71e, # 16acea, # 4203c9

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

30. Оливковый, бежево-коричневый

Шестнадцатеричный код: # 829079, # ede6b9, # b9925e

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

31. Оттенки синего и зеленого

Шестнадцатеричный код: # 1fbfb8, # 05716c, # 1978a5, # 031163

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

32. Бирюзовый, горчичный и черный

Шестнадцатеричный код: # 7fc3c0, # cfb845, # 141414

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

33. Персик, лосось и чирок

Шестнадцатеричный код: # efb5a3, # f57e7e, # 315f72

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

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

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

Идите вперед, погонитесь за радугой.

Нужно что-то оформленное?

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

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

«Она была так взбешена, что увидела красный».

«Когда идет дождь, он чувствует себя синим.»

« Они позеленели от зависти ».

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

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

Познакомьтесь с цветовым кругом

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

Основные цвета в цветовой модели RYB

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

Вторичные цвета в цветовой модели RYB

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

Третичные цвета в цветовой модели RYB

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

Некоторые люди называют красно-пурпурный пурпурный; красно-оранжевый, как киноварь; сине-пурпурный, как фиолетовый; сине-зеленый, как бирюзовый; желто-оранжевый, как янтарь; и желто-зеленый как шартрез.

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

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

Как выбрать аналогичные цвета для вашего дизайна

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

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

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

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

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

Работа с разделенной дополнительной цветовой схемой

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

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

Выбор четырехцветной цветовой схемы для вашего дизайна

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

Выбор квадратной четырехцветной цветовой схемы

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

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

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

Что такое оттенки, оттенки и тона?

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

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

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

• Добавьте черный и белый (серый), чтобы создать тона этого оттенка.

Дизайн со средними цветами

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

Выбор пастельных тонов

Эти цвета, также называемые «оттенками», представляют собой бледные версии насыщенных оттенков.Пастельные цвета — это культурный пробный камень, который появляется каждые несколько десятилетий (кухни 50-х, эпизоды Полиции Майами 80-х, фильмы Уэса Андерсона 2000-х) и вызывают успокаивающую, беззаботную атмосферу. Поскольку пастель состоит из всех основных, дополнительных и третичных цветов, вы можете комбинировать их, используя аналогичные, дополнительные, дополнительные и т. Д. Цветовые схемы, или добавить немного гравитации с более богатым акцентным цветом.

Выбор нейтральных цветов

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

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

Если вы разделите цветовое колесо пополам линией посередине, у вас будут теплые цвета (красный через желтый) с одной стороны и холодные цвета (от сине-зеленого до синего). фиолетовый) с другой.Эта основная группа часто ассоциируется с миром природы, где «теплые» цвета отражают дневной свет или закат, а «холодные» цвета отражают воду и небо. Есть некоторые разногласия по поводу точного разделения теплых и холодных цветов, когда речь идет о зеленом. Некоторые цветовые круги будут отображать как теплый зеленый, так и холодный зеленый цвет. Имеет смысл!

Дизайн с использованием теплых цветов

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

Дизайн с использованием холодных цветов

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

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

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

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

Изучите цвета для своего следующего дизайн-проекта:

Basic Color Theory

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

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

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

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

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

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

Дополнительные цвета : зеленый, оранжевый и фиолетовый
Эти цвета образуются путем смешивания основных цветов.

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

Гармония цветов

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

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

Таким образом, крайнее единство ведет к недостаточной стимуляции, крайняя сложность — к чрезмерной стимуляции.Гармония — это динамическое равновесие.

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

1. Цветовая схема на основе аналогичных цветов

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

2. Цветовая схема на основе дополнительных цветов

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

3. Цветовая гамма, основанная на природе

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

Цветовой контекст

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

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

Разные показания одного цвета

Если ваш компьютер имеет достаточную стабильность цвета и гамма-коррекцию (ссылка на «Дальтонизм вашего компьютера?»), Вы увидите, что маленький фиолетовый прямоугольник слева имеет красно-фиолетовый оттенок по сравнению с маленьким фиолетовым прямоугольником справа. .Оба они одного цвета, как показано на рисунке ниже. Это демонстрирует, как три цвета могут восприниматься как четыре цвета.

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

Учите язык цвета онлайн.
Сделай сам — учите в удобном для вас темпе.

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

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

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

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

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

Типы цвета

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

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

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

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

Дополнительная цветовая схема

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

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

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

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

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

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

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

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

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

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

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

Другие цветовые схемы

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

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

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

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

Цвет может быть непростым

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