Сочетания цветов цветовой круг: Цветовой круг – сочетание цветов для безупречного стиля

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

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

Хотя это и не совсем то же самое, ColorSnap — хороший вариант для iPhone. Вам нужно сделать снимок, а затем приложение идентифицирует на нем различные цвета. Коснитесь одного из них, и вы увидите палитру совпадающих цветов от красочной компании Sherwin Williams, которая создала приложение. Вы можете игнорировать эту часть и просто использовать палитру для справки. Компании-производители красок, похоже, захватили рынок приложениями этого типа, например Color Smart (Behr), Color Capture (Benjamin Moore) и Pick-a-Paint (Valspar).

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

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

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

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

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

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

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

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

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

• Не бойся! Краска не постоянная и ее всегда можно поменять.

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

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

Эта история была первоначально опубликована в июле 2014 г. и обновлена ​​22 декабря 2020 г., чтобы обеспечить обновленный контекст.

Основы понимания теории цвета

Кто знал, что за использованием чего-то такого забавного, как цвета, стоит наука и набор правил? Теория цвета поможет вам понять искусство использования цвета; хотя логотипы и дизайнерские идеи могут показаться большинству кучей цветов, в безумии есть метод. Если вы занимаетесь брендингом или контент-маркетингом, вы, вероятно, кивали головой, читая этот блог.Но если вы все еще не уверены в том, что такое теория цвета (или вам просто нужно освежить в памяти!) и почему вы должны об этом заботиться, продолжайте читать.

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

Но какую роль теория цвета играет в брендинге?

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

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

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

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

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

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

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

через GIPHY

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Хотите поэкспериментировать с цветовыми сочетаниями для своего Instagram или Facebook, которые источают #goodvibesonly? Simplified упрощает проверку ваших цветовых и дизайнерских идей с помощью простых в использовании шаблонов. Наше удобное руководство по размерам для Facebook поможет вам правильно определить размеры и поможет вам удовлетворить все ваши потребности в дизайне (у нас также есть оно для Instagram, YouTube и многого другого!).

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

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

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

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

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

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

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

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

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

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

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

Зеленый

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

Желтый (и красный!)

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

Синий

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

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

Получите преимущество в создании своего бренда с помощью профессионального логотипа, сделанного на заказ! Интересно, как? Что ж, отправляйтесь в конструктор логотипов Simplified, чтобы убедиться, насколько это просто!

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

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

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

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

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

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

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

Руководство по созданию цветовых схем

Введение

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

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

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

Чувствуете ли вы разное настроение в этих одинаковых комиксах?

Теория цвета

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

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

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

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

HUE — традиционное «название» цвета, такое как «синий» или «желтый». Оттенки в спектре традиционно перечислены как ROYGBIV (красный, оранжевый, желтый, зеленый, синий, индиго, фиолетовый)
ИНТЕНСИВНОСТЬ относится к чистоте оттенка.Мы также называем это насыщенностью или цветностью .
ЗНАЧЕНИЕ — степень светлоты или темноты. Каждый цвет имеет значение, например. красный цвет с высоким значением будет отображаться как ярко-красный или розовый (если он менее интенсивен)

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

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

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

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

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

#3 Наконец, это главное правило цвета, это закон, а не выбор:

«Если вы меняете значение, сдвиньте температуру (оттенок)!»

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

●Начнем с зеленого цвета в полутонах (значение 50%).

● Цвета рядом с ним будут иметь более высокие и более низкие значения

●Здесь показано положение зеленого цвета на цветовом круге и шкале оттенков. Основываясь на законе цвета, если есть изменение значения, мы должны сместить температуру/оттенок. Но в каком направлении?

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

● Это оставляет нам два варианта: более теплый свет с более холодной тенью ИЛИ более холодный светлый с более теплой тенью .

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

● Сделайте то же самое, чтобы получить светлый тон и светлый оттенок цвет

● Из полутона уменьшите значение, сдвинув оттенок влево, и у нас получится темный полутон .

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

●Сдвиг значения, интенсивности и оттенка, как показано на цветовом круге CSP:

● Это сравнение цветовой схемы с более теплым и холодным светом с одним и тем же цветом полутона . Цветовые схемы с более холодным светом больше подходят для темных помещений.

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

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

#1 Используйте цветовой круг RYB при выборе цветовой схемы. Теорию цвета лучше всего использовать с традиционным цветовым кругом RYB. Большинство цветовых кругов в программах для рисования — RGB.

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

#2 Не используйте цвета (оттенки) в равных количествах; выберите цвет в качестве основного цвета, а другие — в качестве акцентов или дополнительных цветов.

Образцы:

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

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

Энн Маулина — художница комиксов из Индонезии. Ее комиксы — Raruurien (www.raruurien.com) и Varunair. Она также иногда работает внештатным художником по концептам игр.Она имеет степень бакалавра в области дизайна визуальных коммуникаций, что дает ей большое преимущество в художественных и дизайнерских проектах. Ей нравится создавать искусство, исследуя динамические и гармоничные цвета. Вы можете найти ее по телефону:

Color Wheel Pro: основы теории цвета

основы теории цвета

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

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

Цветовой круг является визуальным представлением теории цвета:

Согласно теории цвета, для гармоничных цветовых сочетаний используются любые два цвета напротив друг друга на цветовом круге, любые три цвета одинаково расположены вокруг цветового круга, образуя треугольник, или любые четыре цвета, образующие прямоугольник (на самом деле две пары цветов друг напротив друга). Гармоничный цветовые комбинации называются цветовыми схемами – иногда термин также используется «цветовая гармония».Цветовые схемы остаются гармоничными независимо от угла поворота.

Классические цветовые схемы, поддерживаемые Color Wheel Pro:

Теория цвета не анализирует оттенки, оттенки и тона

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

Теория цвета считает обе эти схемы равными:

История теории цвета

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

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

Нынешняя форма теории цвета была разработана Йоханнесом Иттен, швейцарский теоретик цвета и искусства, преподававший в Школе прикладного искусства в Веймаре. Германия. Эта школа также известна как «Баухаус». Йоханнес Иттен разработал «цветовые аккорды» и модифицировал их. цветовой круг. Цветовой круг Иттена основан на красном, желтом и синем цветах как на основной триаде. и включает двенадцать оттенков.

Похожие темы:

Классические цветовые схемы
Визуальная vs.Цветовой круг смешивания
Значение цвета

Содержит технологию Adobe® Flash® от Adobe Systems Incorporated. Этот Color Wheel Pro™ содержит программное обеспечение Adobe® Flash® Player от Adobe Systems Incorporated, © 1995-2006 Adobe Macromedia Software LLC. Все права защищены. Защищено патентом США 6 879 327; Патенты заявлены в США и других странах. Adobe и Flash являются товарными знаками Adobe Systems Incorporated.

Блог DecoArt — Основы теории цвета: цветовой круг

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

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

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

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

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

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

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

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

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

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

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

Цветовой круг художника

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

ВТОРИЧНЫЕ ЦВЕТА: фиолетовый, оранжевый и зеленый
Вторичные цвета получаются путем смешивания равных частей двух основных цветов.

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

ТРЕТИЧНЫЕ ЦВЕТА: сине-фиолетовый, красно-фиолетовый, красно-оранжевый, желто-оранжевый, желто-зеленый и сине-зеленый

Синий (основной) + Фиолетовый (дополнительный) = Сине-фиолетовый
Красный (первичный) + Фиолетовый (дополнительный) = красно-фиолетовый
Красный (первичный) + Оранжевый (дополнительный) = красно-оранжевый
Желтый (основной) + Оранжевый (дополнительный) = желто-оранжевый
Желтый (основной) + Зеленый (дополнительный) = Желто-зеленый
Синий (основной) + Зеленый (вторичный) = Сине-зеленый

Оттенки, оттенки и тона

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

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

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

Как еще классифицируются цвета?

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

Базовые цветовые схемы

ДОПОЛНИТЕЛЬНЫЕ ЦВЕТА:
Дополнительные цвета — это два цвета, которые расположены друг напротив друга на цветовом круге. Эти пары обычно высококонтрастные и смелые. Хотя может показаться, что эти полные противоположности не очень хорошо работают, вместе они делают друг друга ярче и сильнее, создавая эффектный образ.

АНАЛОГИЧНЫЕ ЦВЕТА:
Аналогичная цветовая схема состоит из трех соседних цветов на цветовом круге.Выберите один цвет в качестве основного и два соседних с ним цвета с обеих сторон, чтобы создать собственную аналогичную цветовую схему. Их близость на цветовом круге делает аналогичные цветовые схемы гармоничными и утонченными.

ТРИАДИЧЕСКИЕ ЦВЕТА:
Триадная цветовая схема состоит из трех цветов, расположенных на одинаковом расстоянии друг от друга на цветовом круге в форме треугольника. Триадные цветовые схемы более смелые, чем аналогичная цветовая схема, и создают прекрасный контраст и яркие образы.

РАЗДЕЛЕНИЕ ДОПОЛНИТЕЛЬНЫХ ЦВЕТОВ:
Схема разделения дополнительных цветов аналогична схеме дополнительных цветов. Вместо того, чтобы использовать два цвета, расположенные непосредственно напротив друг друга на цветовом круге, он использует три цвета: один основной цвет, а затем два цвета, смежные с его дополнением. Сплит-комплементарные цветовые схемы лучше всего работают, когда один цвет выступает в качестве доминирующего цвета, а два других используются в качестве акцентных цветов, чтобы не выглядеть слишком перегруженным.

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

КВАДРАТНЫЕ ЦВЕТА:
Квадратная цветовая схема состоит из 4 цветов на равном расстоянии друг от друга. Квадратные цветовые схемы смелые, яркие и хорошо сбалансированные. Выберите квадрат вместо прямоугольной цветовой схемы, если вы хотите получить более контрастный вид.

Проекты цветового круга

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

Ищете больше?

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

Базовая теория цвета

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В этом посте:

• Что такое теория цвета?
• Что такое цветовые схемы?
• Теплые и холодные цвета
• Краски и оттенки
• Насыщенные и ненасыщенные цвета
• Онлайн-генераторы цветовых схем
• Как выбрать цвета для вашего веб-сайта
• Психология цвета и настроения

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

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

Что такое цветовые схемы?

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

• Монохроматические цветовые схемы состоят из оттенков, тонов и оттенков одного оттенка.
• Аналогичные цветовые схемы представляют собой группу из 3-х цветов, расположенных рядом друг с другом на цветовом круге.
• Дополнительные цветовые схемы состоят из 2 цветов, расположенных напротив друг друга на цветовом круге.
• Сплит-комплементарные цветовые схемы являются разновидностью комплементарной цветовой схемы, в которой используются 2 цвета, смежные с комплементарными.
• Цветовые схемы Triadic используют цвета, равномерно распределенные по цветовому кругу.
• В цветовых схемах Tetradic используются 4 цвета, объединенные в 2 дополнительные пары.

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

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

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

Оттенки и оттенки

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

Достаточный цветовой контраст

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

Насыщенные и ненасыщенные цвета

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

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

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

Онлайн-генераторы цветовых схем

Охладители

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

Адоб Кулер

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

Плоские цвета пользовательского интерфейса

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

Конструктор цветовых схем 3

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

Живописный

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

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

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

Цвет и марка

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

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

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

Цвет и настроение

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

Синий

Синий чаще всего ассоциируется с безопасностью, безопасностью, стабильностью, доверием и опытом. Это также самый популярный оттенок, используемый в логотипах, и его применение огромно. Рассмотрим логотипы таких компаний, как AT&T, IBM, HP, Blue Cross Blue Shield, Chase Bank, GM, Facebook, Twitter, Cisco, GE, Walmart, Lowes и многих других. Другие ассоциации с синим могут включать полицейскую форму, дождь, океан и небо.

Красный

Красный тоже вызывает множество разнообразных ассоциаций. Этот привлекательный оттенок ассоциируется со страстью, желанием, силой, насилием и возбуждением. Красный цвет используют самые разные бренды, от YouTube до CNN, Netflix, Heinz, Kraft, Target, Marvel, Coca Cola, CVS и многих других. Считается, что красный и желтый стимулируют аппетит, вызывая совместное чувство желания и удовлетворения, поэтому он обычно используется в продуктах питания. Другие ассоциации с красным включают розы, кровь, огонь, пожарные машины, ягоды, знаки остановки и сердца.

Желто-золотой

Желтый обычно ассоциируется с радостью, оптимизмом, теплом и удовлетворением. Как упоминалось ранее, желтый и красный цвета часто используются вместе в продуктах питания. Желтый и золотой также очень похожи, а золото может ассоциироваться с богатством и престижем. Некоторые бренды, использующие желтый цвет, включают Nikon, National Geographic, Best Buy, UPS и Chevrolet. Другими распространенными ассоциациями желтого цвета являются солнце, подсолнухи, звезды и предупреждающие знаки.

Оранжевый

Использование оранжевого цвета очень похоже на использование желтого и красного.Он обычно ассоциируется с волнением, оптимизмом и творчеством. Некоторые из самых узнаваемых оранжевых логотипов включают логотипы Amazon, Mozilla, Fanta, Nickelodeon и Harley Davidson. Эти бренды довольно разнообразны, поэтому понятно, что использование апельсина также разнообразно. Другие оранжевые ассоциации включают цветы, бабочек, дорожные конусы, тигров, осень, морковь и апельсины.

Зеленый

Зеленый обычно ассоциируется с заботой об окружающей среде, здоровьем, богатством и ростом.Многие бренды, стремящиеся продемонстрировать сильную экологическую позицию или провести ребрендинг после решения экологических проблем, будут использовать зеленый цвет. Эта практика даже получила название «гринвошинг». Сравните использование или назначение зеленого цвета в логотипах, таких как BP, Starbucks и Cargill, с логотипами Sierra Club, Animal Planet, Rainforest Alliance и другими, такими как XBOX, Fidelity Bank или продукты Android. Некоторые из наиболее распространенных зеленых ассоциаций включают деньги, траву и растения, символ переработки, мяту и лайм.

Фиолетовый

Фиолетовый обычно ассоциируется с творчеством, весельем, воображением и снисходительностью. Это не обычный цвет логотипа, но он используется в самых разных брендах, от конфет Wonka и Cadbury до службы потокового видео Twitch, фитнеса Curves, мороженого Purple Cow, служб доставки FedEx и многого другого. Другие ассоциации с фиолетовым включают виноград и вино, сирень и фиалки, а также ткань королевского пурпура.

Черно-белый

Черный и белый становятся все более популярными цветами логотипа.Некоторые бренды, которые ранее использовали яркие цвета, вместо этого выбрали простой черный логотип. Это может быть связано с тем, что черно-белые логотипы можно адаптировать ко многим ситуациям. Или они фокусируются на определенной форме, а не на цветовой гамме. Черное и белое, как правило, внушают чувство равновесия, доверия, спокойствия и надежности. Рассмотрим New York Times, Apple, Nike и Wikipedia. Черный и белый имеют множество ассоциаций, включая газетную бумагу, игральные карты, символ инь и ян, фортепианную клавиатуру, ноты, пингвинов, панд, зебр, свет и тени и многое другое.

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