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

Цветовой круг Иттена. 5 способов сочетать цвета правильно

Хочу поделиться интересной, на мой взгляд, и полезной информацией.

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

Иттен Йоханнес (Itten, Johannes) — швейцарский художник, теоретик нового искусства и выдающийся педагог. Получил всемирную известность благодаря сформированному им учебному курсу Баухауза, так называемому форкурсу, который лёг в основу преподавания многих современных начальных художественных учебных заведений.

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

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

Его элементарная таблица отучит вас бояться разноцветных вещей и поможет гармонично их сочетать.
Способ № 1: Сочетание первичных цветов

Существует три первичных цвета:

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

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

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

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

Все! Образ готов! :)

Способ № 2: Сочетание аналоговых цветов

Это один из самых простых способов сочетания цветов в одежде.

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

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

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

Способ № 3: Сочетание противоположных цветов

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

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

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

Способ № 4: Сочетание цветов по принципу треугольника

Этот способ еще называют классической триадой.

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

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

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

Способ № 5: Усложненное сочетание противоположных цветов

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

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

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

Экспериментируйте! Это намного проще, чем кажется!

Материал взят из открытого доступа в интернете.

Оказалась ли для вас полезной статья? :)

Жду ваших комментариев!

Всем спасибо за прочтение!

Цветовой круг, правила сочетания цветов

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

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

Схема «Отрезок через центр круга»

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

Схема «Отрезок»

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

Схема «Треугольник равносторонний»

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

Схема «Треугольник остроугольный»

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

Схема «Прямоугольник»

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

Схема «Квадрат»

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

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

Крутая шпаргалка по сочетанию цветов

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

Схема № 1. Комплиментарное сочетание

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

Схема № 2. Триада — сочетание 3 цветов

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

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

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

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

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

Сочетания отдельных цветов

• Белый: сочетается со всем. Наилучшее сочетание с синим, красным и черным.
• Бежевый: с голубым, коричневым, изумрудным, черным, красным, белым.
• Серый: с цветом фуксии, красным, фиолетовым, розовым, синим.
• Розовый: с коричневым, белым, цветом зеленой мяты, оливковым, серым, бирюзовым, нежно-голубым.
• Фуксия (темно-розовый): с серым, желто-коричневым, цветом лайма, зеленой мяты, коричневым.
• Красный: с желтым, белым, бурым, зеленым, синим и черным.
• Томатно-красный: голубой, цвет зеленой мяты, песчаный, сливочно-белый, серый.
• Вишнево-красный: лазурный, серый, светло-оранжевый, песчаный, бледно-желтый, бежевый.
• Малиново-красный: белый, черный, цвет дамасской розы.
• Коричневый: ярко-голубой, кремовый, розовый, палевый, зеленый, бежевый.
• Светло-коричневый: бледно-желтый, кремово-белый, синий, зеленый, пурпурный, красный.
• Темно-коричневый: лимонно-желтый, голубой, цвет зеленой мяты, пурпурно-розовый, цветом лайма.
• Рыжевато-коричневый: розовый, темно-коричневый, синий, зеленый, пурпурный.
• Оранжевый: голубой, синий, лиловый, фиолетовый, белый, черный.
• Светло-оранжевый: серый, коричневый, оливковый.
• Темно-оранжевый: бледно-желтый, оливковый, коричневый, вишневый.
• Желтый: синий, лиловый, светло-голубой, фиолетовый, серый, черный.
• Лимонно-желтый: вишнево-красный, коричневый, синий, серый.
• Бледно-желтый: цвет фуксии, серый, коричневый, оттенки красного, желтовато-коричневый, синий, пурпурный.
• Золотисто-желтый: серый, коричневый, лазурный, красный, черный.
• Оливковый: апельсиновый, светло-коричневый, коричневый.
• Зеленый: золотисто-коричневый, оранжевый, салатный, желтый, коричневый, серый, кремовый, черный, сливочно-белый.
• Салатный цвет: коричневый, желтовато-коричневый, палевый, серый, темно-синий, красный, серый.
• Бирюзовый: цвет фуксии, вишнево-красный, желтый, коричневый, кремовый, темно-фиолетовый.
• Электрик красив в сочетании с золотисто-желтым, коричневым, светло-коричневым, серым или серебряным.
• Голубой: красный, серый, коричневый, оранжевый, розовый, белый, желтый.
• Темно-синий: светло-лиловый, голубой, желтовато-зеленый, коричневый, серый, бледно-желтый, оранжевый, зеленый, красный, белый.
• Лиловый: оранжевый, розовый, темно-фиолетовый, оливковый, серый, желтый, белый.
• Темно-фиолетовый: золотисто-коричневый, бледно-желтый, серый, бирюзовый, цвет зеленой мяты, светло-оранжевый.
• Черный универсален, элегантен, смотрится во всех сочетаниях, лучше всего с оранжевым, розовым, салатным, белым, красным, сиреневатым или желтым.

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

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

Также монохроматические вариации сделаны для каждого цвета в других схемах.

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

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

Меньшая дистанция между цветами вызывает в результате меньше напряжения. Тем не менее, тетрада всегда является более «нервной» и «вызывающей», чем другие цветовые схемы. Работая с ней, вы должны заботиться о связях между одним цветом и его смежным дополнительным цветом (комплементом). В случае тетрады (угол 90°), необходимо хорошее чувство цвета и очень деликатный подход к сочетанию цветов.

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

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

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

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

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

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

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

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

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

Значение оттенка основного цвета. Кликните для ввода числового значения.

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

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

Значения RGB основного цвета.

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

Яркость и Насыщенность. Перетаскивайте ползунок по квадрату для регулировки яркости (вверх = светлее, вниз = темнее) и насыщенности (вправо = насыщенное, влево = разбавленное).

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

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

Коррекция Вариантов. Панель для регулировки яркости и насыщенности по отдельности для каждого цвета.

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

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

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

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

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

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

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

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

Рандомизация. Служит для создания случайной палитры согласно настройкам рандомизации.

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

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

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

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

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

Давай, погони за радугой.

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

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

Шпаргалка по лучшим комбинациям цветов для вдохновения вашего дизайна

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

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

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

Основы сочетания цветов

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

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

Цветовое колесо

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

Как работает цветовое колесо?

Простое цветовое колесо состоит из 12 цветовых оттенков, расположенных вокруг центральной ступицы.

Цветовой круг, состоящий из основных, дополнительных и третичных цветов

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

Основные цвета выделены на цветовом круге

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

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

Вторичные цвета выделены на цветовом круге

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

• Красный + Оранжевый = Красно-оранжевый.
• Желтый + Оранжевый = Желто-оранжевый.
• желтый + зеленый = желто-зеленый.
• Синий + Зеленый = Сине-зеленый.
• Синий + Пурпурный = Сине-фиолетовый.
• Красный + Пурпурный = Красно-фиолетовый.

Третичные цвета, выделенные на цветовом круге

Цветовая терминология

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

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

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

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

«Цвет - это сила, непосредственно влияющая на душу». ~ Василий Кандинский

Ниже приводится краткое изложение различных оттенков и чувств, которые они часто вызывают:

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

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

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

Теперь, когда у нас есть понимание цвета применительно к искусству и дизайну, давайте перейдем к интересным вещам…

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

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

Монохромные комбинации

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

Дополнительные комбинации

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

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

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

Примеры дополнительных цветовых сочетаний:

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

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

Аналогичные комбинации

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

Примеры аналогичных комбинаций:

• Фиолетовый, синий и бирюзовый.
• Красный, фуксия и фиолетовый.
• Красный, оранжевый и желтый.
• Зеленый, синий и фиолетовый.

Разделенные дополнительные комбинации

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

Примеры разделенных дополнительных цветовых схем:

• Красный, сине-зеленый и желто-зеленый.
• Синий, красно-оранжевый и желто-оранжевый.
• Желтый, сине-фиолетовый и красно-фиолетовый.
• Пурпурный, желто-оранжевый и желто-зеленый.

Триадные комбинации

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

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

Примеры триадных комбинаций:

• Красный, желтый и синий.
• Пурпурный, зеленый и оранжевый.
• Сине-фиолетовый, красно-оранжевый и желто-зеленый.

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

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

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

Примеры тетрадных цветовых схем:

• Красный, зеленый, сине-фиолетовый и желто-оранжевый.
• Желтый, фиолетовый, сине-зеленый и красно-оранжевый.

Ключ к экспериментам

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

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

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

Наши любимые комбинации

Монохромный

Искусство: Kimberly Rachelle .Цветовые палитры из Canva .

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

Искусство: Kimberly Rachelle . Цветовые палитры из Canva .

Аналог

Цветовые палитры из Canva .

Сплит

Искусство: Kimberly Rachelle .Цветовые палитры из Canva .

Триадный

Искусство: Kimberly Rachelle . Цветовые палитры из Canva .

Тетрадик

Цветовые палитры из Canva .

Хотите узнать больше?

У вас есть какие-нибудь красочные советы и подсказки? Нам бы очень хотелось их услышать.Дайте нам знать об этом в комментариях!

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

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

Обложка размером 32 пикселя.

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

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

Шаг 1. Выберите размер холста

Шаг 2. Выберите шаблон

Шаг 3. Изменить и добавить текст

Я выделил «скидка 20%» и изменил шрифт на Abril Fatface на 50 pt , чтобы выделить информацию о рекламных акциях. Затем я центрировал текст с помощью инструмента Alignment для сбалансированной композиции.

Чтобы создать призыв к действию или CTA, добавьте подзаголовок с помощью инструмента Текст (A) и выберите Добавить подзаголовок . Это побуждает ваших клиентов посетить ваш веб-сайт, чтобы получить доступ к продаже. Я использовал Droid Serif на 14 pt и выделил текст курсивом, чтобы выделить и отличить CTA от остальной информации.

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

Шаг 4. Нанесите цвета

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

Не знаете, с чего начать исследование? Я создал эти 101 цветовую комбинацию, чтобы вдохновить вас.

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

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

Использование шестнадцатеричных кодов

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

Чтобы применить шестнадцатеричные коды в Shutterstock Editor, перейдите на вкладку Fill Color и нажмите кнопку Custom . Отсюда вы можете легко ввести наш (или скопировать и вставить) шестизначный шестнадцатеричный код рядом с Web Color . Убедитесь, что вы включили только шестизначные значения, а не знак фунта.

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

Применение предустановок

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

Отбор проб с помощью пипетки

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

Перейдите на вкладку Fill Color , затем выберите Custom и перейдите в правый нижний угол, чтобы найти свою пипетку. Я взял образец цвета обводки под «скидкой 20%» от темно-желтой губки на фоне моего изображения. Поэкспериментируйте с разными цветами, чтобы найти тот, который подходит вашему дизайну.

Настройка собственных цветов

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

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

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

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

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

Шаг 5: Лицензия и загрузка

Хотите улучшить свою цветовую игру и укрепить свой бренд? Мы подготовили для вас эти статьи.

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

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

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

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

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

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

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

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

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

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

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

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

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

Некоторые формулы цветовой гармонии

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

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

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

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

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

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

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

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

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

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

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

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

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

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

25 привлекательных неоновых цветовых палитр, которые поразят зрителей

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

В нашем отчете о творческих тенденциях за 2019 год отмечен всплеск ярких оттенков дизайна - от светящихся неоновых огней в «Вчерашнем завтрашнем дне» до динамического радужного спектра в нашей тенденции «Призма». Кроме того, мы также нашли самые популярные цвета года: UFO Green, Plastic Pink и Proton Purple.Эти насыщенные оттенки намекают на наше безумное технологическое общество и любовь ко всему энергичному. Пастельные и приглушенные тона в этом году отошли на второй план, поскольку неоновая палитра стала основным цветовым центром.

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

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

1. Геометрическое свечение

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

Изображение предоставлено Миа Стендаль.

2. Неоновые огни

Изображение с View Apart.

3. Психоделический паттерн

Повторяющиеся и закрученные узоры создают сюрреалистический и абстрактный опыт. Наша тенденция 2019 года Hypnotic наверняка погрузит ваши дизайны в транс.

Изображение предоставлено Vlad_Nikon.

4. Яркие папоротники

Изображение предоставлено Indigo Photo Club.

5. Абстрактная стена

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

Изображение взято из Suchota. Дизайн вдохновлен этим шаблоном редактора Shutterstock.

6. Красочный коттедж

Изображение предоставлено Sunwand24.

7. Космический взрыв

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

Изображение предоставлено tomertu.

8. Розовый цвет

Изображение предоставлено Кати Хавок.

9. Срыв агавы

Дуотонов, глюков и синт-волн возвращают нас на заре цифровой эры. Наша тенденция Yesterday’s Tomorrow - ретро-футуристический взгляд на то, что мы называем ранними технологиями.

Изображение предоставлено Kira_Yan.

10. Флуоресцентные рыбки

Изображение предоставлено Евгением Мейером.

11. Светящийся коралл

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

Изображение предоставлено Vojce.

12. Роскошные фонари

Изображение предоставлено Субботиной Анной.

13. Светящиеся линии

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

Изображение из прерии.

14. Sharp Stationery

Изображение из 5-секундной Studio.

15. Гладкая призма

Яркие, перенасыщенные оттенки никогда не выходят из моды; наш взгляд на тенденцию Prism демонстрирует рост ярких радуг. Ослепите свои векторные проекты и узоры, сочетая разноцветные оттенки с одним из наших цветовых трендов 2019 года - Pink Plastic.

Изображение через Papuchalka - kaelaimages.

16. Венецианские окна

Изображение предоставлено Ольгой Гавриловой.

17. Ретро-рефракция

Неоновые огни в стиле ретро добавляют интересный эффект четким объектам и простому дизайну. Эта основная творческая тенденция, получившая название «Yesterday's Tomorrow», является опорой классики 80-х.

Изображение предоставлено Хелен Дж. Дэвис.

18. Акриловые штрихи

Изображение через Thirteen.

19. Яркое боке

2019 знаменует собой возрождение динамичных оттенков. По материалам журнала Shutterstock's Color Trends, UFO Green сочетает в себе естественное и сверхъестественное в одном ярком оттенке. Нанесите этот привлекательный цвет на любой дизайн, от природного до граффити, чтобы оживить вашу композицию.

Изображение предоставлено LaQuartz Studio.

20. Яркий туман

Изображение с ADELART.

21. Драйвер Cyber ​​

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

Изображение из VTT Studio.

22.Сияющий Зоас

Изображение предоставлено Тайлером Фоксом.

23. Графический градиент

Яркие неоновые оттенки привлекают зрителей на ваше весеннее мероприятие в этом шаблоне, доступном для редактора Shutterstock.

Изображение предоставлено MissNorbik. Создавайте дизайн с помощью этого шаблона редактора Shutterstock.

24. Beach Vibes

Изображение предоставлено Александром Демьяненко.

25. Фиолетовый портрет

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

Изображение предоставлено Ириной Бг.

Скачать файлы образцов

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

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

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

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

В Adobe Illustrator щелкните раскрывающийся список гамбургера на панели Swatches и выберите Open Swatch Library> Other Library , затем импортируйте один из файлов образцов.Цветовые палитры появятся в новом окне, готовом для вашего дизайна.

И в Adobe InDesign, и в Photoshop откройте панель Swatches и щелкните раскрывающееся меню гамбургер . Выберите Load Swatches и импортируйте отдельный файл образцов, чтобы увидеть его всплывающее окно на панели.