Подбор цветов и генерация цветовых схем
Монохроматическая модель. Эта цветовая схема основана на одном оттенке цвета, и использует вариации, сделанные только лишь изменением насыщенности и яркости.Результат комфортен для глаз, даже при использовании агрессивных цветов. Вместе с тем, труднее найти диакритические знаки и основные факты.
Также монохроматические вариации сделаны для каждого цвета в других схемах.
Комплементарная (контрастная) модель. Основной цвет дополнен его комплементом (цвета на противоположной стороне цветового круга). Создается один холодный и один теплый цвет — вы должны рассмотреть, какой из них будет доминирующим, и должен ли дизайн выглядеть холодным, или теплым.Не следует злоупотреблять контрастными цветами в дизайне, используйте их только как цветовой акцент.
Модель цветовой триады (мягкий контраст). Основной цвет дополнен двумя цветами, помещенными тождественно по обе стороны его комплемента. В отличие от «острого» контраста, эта цветовая схема зачастую является более комфортной для глаз, она мягче, и в ней больше пространства для балансировки теплых/холодных цветов.Триада образована тремя цветами, равномерно распределяя цветовой круг (120°). Цветовые схемы триады имеют много возможностей по сочетанию цветов, регулировке контраста, акцентов и баланса теплых/холодных цветов.
Модель цветовой тетрады (двойной контраст). Эта цветовая схема образована парой цветов и их контрастов. Она основана на Тетраде — четверке цветов, равномерно распределенных по цветовому кругу (90°). Тетрада — очень агрессивная цветовая схема, требующая хорошего планирования и деликатный подход к отношениям этих цветов.Меньшая дистанция между цветами вызывает в результате меньше напряжения. Тем не менее, тетрада всегда является более «нервной» и «вызывающей», чем другие цветовые схемы. Работая с ней, вы должны заботиться о связях между одним цветом и его смежным дополнительным цветом (комплементом). В случае тетрады (угол 90°), необходимо хорошее чувство цвета и очень деликатный подход к сочетанию цветов.
Модель аналогичных цветов. Эта цветовая схема образована основным цветом и его смежными цветами — два цвета, расположенные тождественно по обе стороны. Это всегда смотрится элегантно и четко, цветовая гамма в результате этого выглядит с меньшей напряженностью и равномерной колориметрией. Если выбран цвет на тепло-холодной границе, цвет с противоположной «температурой» может быть использован для акцентирования двух других цветов.Вы можете задать дистанцию смежных (вторичных) цветов, угол не должен превышать 60°.
Модель акцентированной аналогии. Это аналогичная модель с добавлением дополнительного (контрастного) цвета. Модель должна рассматриваться как дополнение — она добавляет напряженности к цветовой палитре, и слишком агрессивна в случае злоупотребления. Вместе с тем, она может быть использована в некоторых деталях, а так же в качестве цветового акцента — порой получается очень эффективная и элегантная цветовая гамма.
Оттенок. На этой вкладке отображается цветовой круг. Кликните по ней для регулировки оттенков основных, дополнительных, и вторичных цветов.
Регулировка цветовой схемы. На этой вкладке можно регулировать яркость/насыщенность цвета и контраст цветовой схемы, или просто выбрать из предопределенных настроек.
Информация о цветовой схеме. Кликните по этой вкладке для отображения значений цветов фактической цветовой схемы, а так же для экспорта их в различные форматы данных.
Оттенок основного цвета. Чтобы изменить значения, перетащите ползунок по цветовому кругу. Для ввода числового значения, дважды кликните по нему.
Оттенок дополнительного цвета. Чтобы изменить значения, перетащите ползунок по цветовому кругу. Для ввода числового значения, дважды кликните по нему.
Оттенок вторичного цвета. Чтобы изменить угол/дистанцию, перетащите ползунок дальше или ближе от основного цвета. Для ввода числового значения, дважды кликните по нему.
Оттенок вторичного цвета. Чтобы изменить угол/дистанцию, перетащите ползунок дальше или ближе от основного цвета. Для ввода числового значения, дважды кликните по нему.
Значение оттенка основного цвета. Кликните для ввода числового значения.
Угол/дистанция оттенка вторичных цветов. Кликните для ввода числового значения. Имеет смысл только в цветовых схемах, использующих вторичные цвета.
Значение RGB основного цвета. Кликните для ввода числового значения.Будьте осторожны: из-за ошибки округления во время преобразования, значение RGB, используемое в цветовой схеме, может немного отличаться от введенного значения.
Значения RGB основного цвета.
Пресеты цветовых схем. Кликните и выберите предопределенные комбинации яркости, насыщенности и контрастности цветовой схемы.
Яркость и Насыщенность. Перетаскивайте ползунок по квадрату для регулировки яркости (вверх = светлее, вниз = темнее) и насыщенности (вправо = насыщенное, влево = разбавленное).
Контрастность цветовой схемы. Перетаскивайте ползунок по квадрату для регулировки контрастности вариантов цвета в схеме (вверх/вниз для темного варианта, влево/вправо для светлого варианта).
Контрастность цветовой схемы. Панель для регулировки яркости и насыщенности сразу всех вариантов схемы.
Коррекция Вариантов. Панель для регулировки яркости и насыщенности по отдельности для каждого цвета.
Список вариантов цвета. Выберите вариант цвета, а затем отрегулируйте его насыщенность и яркость при помощи ползунка на левом квадрате.
Схема палитры. Представлены четыре основных цвета, для легкого составления впечатления о схеме.
URL адрес цветовой схемы. Для каждой схемы существует уникальный ID. Вы можете сохранить эту ссылку в закладки, и вернуться к редактированию своей цветовой схемы в любой момент времени.
Предварительный просмотр цветовой палитры. Посмотрите, как выбранные цвета и их варианты сочетаются между собой.
Предварительный просмотр цветовой палитры. Посмотрите, как выбранные цвета и их варианты сочетаются между собой.
Пример веб-страницы (светлая/позитив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.
Пример веб-страницы (темная/негатив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.
Показать пример текста. Отметьте галочку, чтобы отобразить белый, черный и серый текст в окне предварительного просмотра цветовой схемы.
Рандомизация. Служит для создания случайной палитры согласно настройкам рандомизации.
Настройки рандомизации. Нажмите, чтобы установить, какие параметры должны быть рандомизированы.
|
| |
Цветовой круг онлайн | Инструкция и сочетания
Цветовой круг онлайн | Инструкция и сочетания | Блог CanvaYour browser is not supported and may not give the best experience.
Неправильно подобранные цвета могут испортить самый крутой дизайн. Вот например, этот.
Это плохой, очень плохой дизайн, потому что цвета не сочетаются, а буквы не читаются. Избежать такой проблемы поможет цветовой круг. В этой статье мы расскажем что это такое и как с его помощью самостоятельно подбирать цветовые сочетания, даже если вы никогда этого не делали.
Что такое цветовой круг
Цветовой круг или цветовое колесо — это основа теории цветов. Благодаря ему можно понять, какие цвета создают гармоничные сочетания. Первый цветовой круг придумал Исаак Ньютон еще в 1665 году.
Как и зачем им пользоваться
При помощи круга можно подобрать цвета, которые хорошо сочетаются, выбрать безопасные варианты и найти самые смелые сочетания. Все это легко сделать онлайн, на странице цветового круга Canva. Расположение цветов в этом круге отличается от привычного цветового круга Иттена, которым пользуются художники.
Цветовой круг Canva
Цветовой круг Иттена Наиболее удачные сочетания цветов, их еще называют цветовыми схемами, подбирают для того, чтобы сделать дизайн гармоничным. Есть пять способов сочетать цвета, их выбирают в зависимости от цели и количества нужных оттенков.
Монохроматические комбинации
Unsplash/ Amy Shamblen
Unsplash/ Paul Gilmore
Монохроматическая комбинация — это сочетание трех оттенков одного базового цвета. Например, розовый, светлый розовый и еще более светлый розовый. То есть один цвет разной степени насыщенности, без примеси других оттенков. Это консервативный и простой вариант, который можно смело использовать даже новичкам. Безопасное сочетание, при помощи которого можно создать гармоничный дизайн.
Подойдет для оформления интерьеров, свадебных пригласительных, оформления документов, чек-листов. Такие сочетания могут показаться скучными, чтобы сделать их интереснее, используйте их в разной пропорции — пускай один цвет будет доминирующим, а остальные два вспомогательными. А если дизайн с такой комбинацией покажется вам слишком скучным, добавьте контраста при помощи черных и белых элементов.
Чтобы найти такую комбинацию:
В первом окне введите HTML-код нужного цвета. Или выберите его курсором на цветовом круге.
Во втором окне выберите из выпадающего снимка цветовую комбинацию Monochromatic.
Двигайте точку, расположенную на внешнем ободке круга, чтобы выбрать более темные или светлые оттенки цвета.
Аналогичные комбинации
Картина Марка Ротко «Оранжевое, красное и желтое»Аналогичная комбинация — это от двух до шести цветов, которые находятся друг за другом на цветовом круге. Такая комбинация не может состоять из одного цвета в разных оттенках, это обязательно несколько разных, но близких цветов.
Такие комбинации смотрятся необычнее и красочнее монохроматических, хорошо подойдут для оформления сайтов. Чтобы сохранить гармонию, следует выбрать один доминирующий, а остальные два использовать в меньшем количестве, для акцентов. А чтобы определиться с основным цветом, предлагаем прочитать статью о том, как выбирать цвет согласно психологии цветов.
Чтобы найти такую комбинацию:
В первом окне введите HTML-код нужного цвета. Или выберите его курсором на цветовом круге.
Во втором окне выберите из выпадающего снимка цветовую комбинацию Analogous.
Вы можете двигать любую точку на цветовом круге, если захотите поменять оттенок. Остальные два цвета будут соответственно меняться, и у вас появятся другие варианты аналогичной комбинации.
Комплементарные комбинации
Unsplash/ Alessandra Caretto
Unsplash/ Gemma Evans
Комплементарная комбинация — это сочетание из двух максимально контрастных цветов, которые подчеркивают друг друга. Комплементарные пары образуют два строго противоположных цвета. Такие сочетания выглядят ярко, они привлекают внимание в первую очередь, поэтому их лучше использовать, чтобы выделить что-то важное.
Комплементарные пары нужны для того, чтобы привлечь внимание, их хорошо применять для плакатов и флаеров. Важно использовать их в дизайне умеренно, из-за высокого контраста они могут утомить.
Мы привыкли считать, что контрастная пара красному — зеленый. Все верно, согласно цветовому кругу Иттена, которым пользуются художники. Дело в том, что тот круг построен на трех основных цветах: красном, синем и желтом, а всего в нем 12 цветов. Цветовой круг для онлайн-дизайна построен на красном, синем и зеленом, и в нем более 16 миллионов оттенков.
Чтобы найти такую комбинацию:
В первом окне введите HTML-код нужного цвета. Или выберите его курсором на цветовом круге.
Во втором окне выберите из выпадающего снимка цветовую комбинацию Complementary.
Вы можете двигать любую точку на цветовом круге, если захотите поменять оттенок. Второй цвет тоже будет меняться, чтобы оставаться контрастным к выбранному цвету.
Чтобы подобрать контрастное, но более мягкое сочетание, выберите комплементарную пару, а потом один из цветов замените на два его соседних.
Триадные комбинации
Триадная комбинация цветов в логотипе Burger King
Пример триадного сочетания цветов в постере фильма Inherent ViceТриадная комбинация — это три равноудаленных друг от друга цвета на цветовом кругу, которые создают контрастные сочетания, но не такие яркие, как комплиментарные. Это те цвета, которые можно соединить равносторонним треугольником.
Чтобы найти такую комбинацию:
В первом окне введите HTML-код нужного цвета. Или выберите его курсором на цветовом круге.
Во втором окне выберите из выпадающего снимка цветовую комбинацию Triadic.
Вы можете двигать любую точку на цветовом круге, если захотите поменять оттенок. Второй цвет тоже будет меняться, чтобы оставаться контрастным к выбранному цвету.
Они тоже подойдут для смелого дизайна и привлечения внимания, но они не такие агрессивные, их легче применять. Часто такие комбинации используют для дизайна интерьеров, чтобы он выглядел гармонично, но не так скучно, как при использовании лишь двух цветов. Триадные сочетания можно использовать для плакатов, ярких логотипов, как, например, это сделал Burger King.
Тетрадные или четырехугольные комбинации
Сайт креативного коворкинга Plant22 использует тетрадную схему в оформлении главной страницы
Тетрадные или четырехугольные комбинации — это четыре цвета, которые образуют на цветовом круге квадрат или прямоугольник. Два из этих четырех цветов — комплиментарные, то есть противоположные. Самый сложный вариант, подойдет для опытных дизайнеров или смелых новичков. У этой схемы наибольшее количество возможных комбинаций, поэтому такие сочетания хорошо подойдут для фирменной цветовой палитры. Если с тремя цветами легко оказаться похожим на кого-то, то с четырьмя вероятность выделиться на фоне конкурентов гораздо выше.
Осторожнее, чем больше цветов вы используете, тем сложнее сохранить баланс и добиться их гармоничного сочетания.
Цветовой круг помогает новичкам находить безопасные сочетания, а профессионалам экспериментировать и находить новые комбинации цветов для дизайнов. Подобрать цвета по этим схемам легко можно на страничке с цветовым кругом Canva. И помните, чтобы дизайн выглядел гармонично, в любой комбинации следует выбрать один доминирующий цвет.
Автор
Алиса Ястремская-Семенова
Рекомендации для вас
Реализуйте свои идеи за минуты.
Выразите себя с помощью самой простой в мире программы дизайна.
© 2021 All Rights Reserved, Canva®
Цветовой круг онлайн — Mecolor.ru
Независимо от того, какая перед вами задача, будь то создание логотипа, дизайн интерьера или веб-сайта – приходится искать сочетание цветов и делать подбор. Для этих целей отлично подойдет цветовой круг онлайн, с возможностью выбора различных цветов, их сохранения, а также копирования кодов в формате RGB или HEX. С помощью данного инструмента, вы можете подобрать базовые цвета и выбрать цветовую гармонию из нескольких цветов.
Для того, чтобы воспользоваться цветовым кругом, вам нужно щелкнуть мышкой на нужном оттенке и далее с помощью горизонтальной каретки выбрать необходимый цвет. После этого вы можете его сохранить и продолжить выбор других цветов. Цветовой круг – это диаграмма, представляющая отношения между цветами.
Данная диаграмма, показывающая цвета спектра, первоначально создана Исааком Ньютоном в 1666 году, созданный им цветовой круг сегодня служит для множества целей и задач. Художники используют его для определения смешиваемых цветов, а дизайнеры выбирают те цвета, которые имеют хорошее сочетание. Все цветовой круг строится на базовых трех цветах – красный, синий, зеленый (Red, Blue, Green или RGB), также в нем присутствуют такие дополнительные цвета, как оранжевый, зеленый и фиолетовый цвета.
Закажите накрутку подписчиков в Инстаграме по низким ценам.
Разработка цветовой схемы с помощью круга
Дизайнеры часто начинают проект с разработки цветовой схемы, а именно набора цветов, который будет являться основным в работе. Как правило, основной набор состоит из 1 или 2 цветов, вокруг которых будут построены и использованы вспомогательные цвета.
Как выбрать цвета, которые действительно сочетаются? Используйте цветовое колесо, чтобы определить гармоничные цветовые комбинации. Следующие цветовые гармонии основаны на геометрических отношениях на цветовом круге:
- Дополнительные цветовые схемы используют два противоположных цвета на цветовом круге.
- Монохроматические цветовые схемы используют три разных значения одного цвета.
- Аналогичные цветовые схемы используют три смежных цвета на цветовом круге.
- Сплит-дополнения используют цвет и два смежных третичных цвета его дополнения.
- Триадные цветовые схемы используют три равномерно распределенных цвета на цветовом круге.
- В тетрадных цветовых схемах используются две взаимодополняющие пары.
Выбор правильных цветов требует большого творческого подхода и экспериментов. Имейте в виду, что разные цветовые гармонии дают разные эффекты и влияют на восприятие человека. Например, аналогичные цвета похожие по оттенку, создают плавный переход от одного цвета к другому.
Дополнительные цвета противоположны друг другу на цветовом круге, поэтому они создают сильный контраст. Монохроматические цветовые схемы могут быть тонкими и сложно-построенными. Экспериментируйте с разными цветами и оттенками для того, чтобы достичь желаемого эффекта.
Онлайн-сервис по подбору цвета в одежде
Кликом по цветовому кругу установите основной цвет.
Кликом по одной из фигур рядом с кругом, выбирете цветовую схему.
Бегунками и стрелками рядом с фото модели регулируйте оттенки. Добейтесь максимально естественного наложения нового цвета!
Красно-фиолетовыйКрасныйКрасно-оранжевыйОранжевыйЖёлто-оранжевыйЖёлтыйЖёлто-зелёныйЗелёныйСине-зелёныйСинийСине-фиолетовыйФиолетовый Сброс ярк.насыщ.Сброс оттенков
Поделиться
Вы можете загрузить фото любой тематики ! И мы сделаем на его основе аналогичный колористический тестировщик.
Загрузить своё фото для тестирования цветовых сочетаний.
Так же, вам может быть интересен наш сервис по созданию персональной палитры оттенков, основанный на сезонной теории цветотипирования. Этот сервис так же подбирает сочетания цветов по цветовому кругу, но с учётом персонального колорита внешности человека — цвета его глаз, волос и оттенка кожи.
Подбор цвета одежды онлайн
Инструкция для режима с цветовым кругом
Данный режим работает при наличии не менее двух цветов в образе.
Нажмите кнопку «Включить цветовой круг», чтобы перейти в этот режим (если он не включен).
С помощью данного сервиса можно составить цветовой образ, выбирая цвета и их сочетания по цветовому кругу Иттена.
Вращайте цветовой круг с помощью управляющих кнопок под ним или кликом по нужному цвету на круге:
Выберите основной цвет, чтобы увидеть какие цвета и как сочетаются с ним.
Стрелки или углы фигур указывают на цвета, присутствующие в выбранной схеме.
Выберите нужную вам схему цветовых сочетаний. Одежда модели окрасится согласно выбранному вами варианту:
Пробуйте различные сочетания в разных цветовых схемах. Если на первый взгляд данное сочетание не производит достаточно приятного впечатления, попробуйте поэкспериментировать с оттенками, двигая бегунки на панели управления рядом с фото модели. Бегунки изменяют оттенок в некоторых небольших пределах от заданного цвета.
Если количество цветов в данном образе меньше четырёх, то соответственно уменьшится число предложенных вариантов цветовых схем круга.
Снизу от бегунков, стрелками около значков и регулируется яркость и контрастность выбранного кликом элемента. Кликом по самим значкам яркость и контрастность возвращаются в среднее положение
Обратите внимание, что при минимальной насыщенности цвета, влияние бегунков (ОТТЕНКОВ) может быть не заметно, так как сложно увидеть изменение оттенка, когда насыщенность цвета элемента очень мала.
С помощью кнопок «Поменять местами» можно менять распределение цветов в образе.
Инструкция для режима свободного выбора цветов и оттенков
Нажмите кнопку «Выключить цветовой круг», чтобы перейти в этот режим.
Кликом по фото или одной из кнопок с названием цвета выбираем оттенок какого элемента одежды хотим изменять.
С помощью виджета выбора цвета (радужный прямоугольник) регулируем оттенок
Кнопка «Смена модели» — выбрать другую модель (девушку), в другой одежде (будем увеличивать выбор).
Заказать цветовой круг можно на нашем сайте через Каталог товаров, или через быстрый заказ в один клик по кнопке:
..в этом случае оператор запишет все данные по заказу в режиме диалога
Наглядно визуализировать точные цвета с названиями и CMYK-кодами можно при помощи нашего продукта «Цветовой гид».
ПоробнееОпубликовано 14.12.2018 19:55:08
Цветовой круг сочетание цветов
Еще несколько веков назад художники при создании палитры руководствовались только интуитивным чувством прекрасного. Однако позже для упрощения трудоемкого подбора цветов и, соответственно, для снижения временных и материальных затрат, был сформирован цветовой круг, который с течением лет стал основным инструментов мастеров живописи и всех специалистов, так или иначе связанных с графическим искусством.
Речь о художниках, дизайнерах интернет-сайтов, компьютерных моделей, печатной продукции, интерьера и различных изделий, в том числе одежды и аксессуаров, стилистах, фотографах, визажистах, колористах и многих других. Каждый из них, во всяком случае, поначалу регулярно используют цветовой круг, сочетание цветов при помощи которого определять значительно быстрее, что способствует ускорению созданию гармоничной красоты.
Что такое цветовой круг
Это основное приспособление для подбора гармонично сочетаемых друг с другом оттенков цветов. Расположение цветов аналогично видимому спектру светового излучения. Семь базисных колеров дополнены оттенками, создающими более плавный градиентный переход. Кроме того, имеются различия по степени интенсивности.
цветовой круг – сочетание цветов
Цветовая система Ньютона
Впервые упорядочить цвета в определенную систему попытался Исаак Ньютон, но идея создания круга пришла ему вследствие долгих наблюдений за распадом луча солнечного света. Он состоял из 7-и секторов с основными цветами (так называемыми «радужными»).
Исаак немалое время экспериментировал с их смешением, и в результате обнаружил некоторые закономерности. К примеру, смесь фиолетового и красного дает пурпурный оттенок, отсутствующий в спектре. Выявив и другие оттенки, он пришел к выводу, что цветовое множество является континуальным и замкнутым.
Также Ньютон обнаружил, что слияние несмежных цветов влечет снижение насыщенности. Он не стал автором всех оптических закономерностей, но внес существенный вклад в развитие такого раздела знаний.
Цветовой круг Гете
В конце 18 века эстафету перенял Иоганн Вольфганг фон Гёте, а если точнее, то в годы с 1790 по 1810. Он не был согласен с теориями Ньютона, поэтому стал разрабатывать собственный труд под названием «Учение о цвете». Его считают основоположником физиологической оптики, а также теории о психологическом воздействии цвета.
В процессе разработки им был создан новый цветовой круг, в котором сочетание цветов определялось иначе. Собственно, он и был совсем другой: состоял из 6-и секторов, цвета которых делились на чистые и производные, чередующиеся друг с другом.
Основными являются красный, желтый и синий, а дополнительными – оранжевый, зеленый и фиолетовый. Дополнительные оттенки получаются путем смешения двух смежных чистых.
Также Гете сгруппировал их по «характерности» сочетаний.
К «характерным» относились пары, расположенные напротив друг друга. Эти пары по его мнению наиболее гармоничны. Также допустимы тройные симметричные комбинации. Он считал, что каждый из цветов привносил свою интересность. В то время как союзы двух смежных основных или дополнительных оттенков были избыточно обыденны или чересчур эксцентричны.
К «нехарактерным» он относил рядом расположенные цвета, полагая, что они создают невыгодное впечатление. И каким бы в итоге оттенок ни получался, он неизменно приставлял к нему слово-приставку «пошло-».
Цветовой круг Иттена
Теоретик Йохансен Иттен раскритиковал 6-спекторный круг Гете и создал 12-частный круг сочетания цветов, ныне считаемый классикой. Он также основывается на 3-х чистых колерах – красном, желтом и синем. Затем следуют производные, полученные слиянием двух смежных чистых. Остальные образовываются таким же образом.
По сей день его активно используют дизайнеры, фотографы, парикмахеры и визажисты.
Цветовой круг Освальда
Так же популярна и цветовая система Вильгельма Освальда. Он представляет собой непрерывную спектральную окружность, также основанную на 3-х цветах, но вместо желтого – зеленый, остальные два остались неизменными: красный и синий. Этот круг является основой аддитивной цветовой модели RGB.
Эта современная система цветопередачи применяется для излучающих свет источников, таких как монитор компьютера, экран телевизора, дисплей смартфона и прочие. Белый интерпретируется как нулевая интенсивность цвета, а черный – как максимальная.
Многими пользователями интернета периодически используется такой цветовой круг – сочетание цветов онлайн, при этом для каждого оттенка высвечивается его код, а иногда и его наименование. Белый и черный как таковые в нем не присутствуют.
Схемы сочетания цветов на цветовом круге
Различают следующие методы определения приемлемых цветовых сочетаний:
Монохромное – сочетание разных оттенков одного цвета.
Аналогичное – сочетание от 2 до 5 оттенков из трех рядом расположенных секторов.
Комплиментарное – сочетание основного и противоположного ему цвета.
Сплит-комплиментарное – сочетание основного и пары противоположных ему цветов.
Триада – сочетание 3-х цветов, равноудаленных друг по отношению другу.
Тетрада – две пары секторов, расположенных напротив.
Квадрат – четыре равноудаленных сектора.
круг – сочетания цветов
Установлено, что наиболее удачны для человеческого зрения комбинации 2-3 цветов. Тем не менее, творческие люди при создании графических образов довольно часто основывают образ на большем количестве цветовых оттенков.
Сочетаемые и не сочетаемые между собой цвета в интерьере
Перед началом ремонта следует вдумчиво определить цветовую комбинацию, в которой будет оформлено то или иное помещение. Следует иметь в виду, что отнюдь не каждая вольется в избранный стиль интерьера. Например, для стиля хай-тек не подойдет сочетание насыщенного коричневого, бордового и золотистого; это характерно для классики.
Для того чтобы упростить подбор, можно воспользоваться памятками. Они, возможно, сумеют помочь либо натолкнуть на интересную идею.
А также примеры некоторых цветовых комбинаций.
Известно, что цвета воздействуют на настроение, поэтому при подборе оптимально ознакомиться со значением и ассоциациями к ним.
При интегрировании их в интерьер следует учитывать размеры помещений, а также качество и интенсивность освещения. Иначе помещение может визуально сузиться, а яркие цвета вместо того, чтобы выглядеть пикантно и привлекательно, могут казаться наоборот тусклыми и заурядными.
Каждый дизайнер, создавая проект интерьера, применяет цветовой круг, сочетания цветов, определяемые с его помощью. Взяв их за основу, они разрабатывают концепцию, учитывающую предпочтения и наиболее выраженные черты характера домовладельцев, габариты и степень освещенности помещений.
Подбор цвета онлайн: 15 генераторов сочетания цветов
Подбор цвета – это ответственный момент в работе любого дизайнера. Эксперименты с цветом порой дают неожиданные результаты. Цвет может объединять значимые элементы дизайна, помогать выделять значимые части, таким образом цвет может помогать выстраивать композицию.
Известно значение цвета и в психологии – влияние на настроение, на работоспособность, душевное равновесие. Для творчества необходима подпитка, поиск идей, нестандартных решений. Чувство цвета поможет определиться с выбором.
Однако возможности дизайнера, который постоянно ищет что-то новое, не безграничны. В этом случае на помощь приходят онлайн сервисы по подбору сочетания цветов. Здесь можно найти неплохие варианты.
Необходимо уметь пользоваться этими сервисами подбора цвета. В этом вам помогут знания, а именно как пользоваться цветовым кругом для сочетания цвета. Здесь на примерах и с картинками подробно изложены все цветовые схемы.
В подборке нашего сайта я выделила 2 категории подобных сервисов – русскоязычные и англоязычные.
Русские сервисы сочетания цветов
Среди множества русскоязычных онлайн сервисов можно выделить 5 основных (самых популярных), каждый из которых обладает своими достоинствами и недостатками:
Colorscheme
Цветовой круг онлайн. Это инструмент для подбора и генерации цветовых схем. Вы можете выбрать один и вариантов сочетания цвета. Вы можете посмотреть шаблон дизайна страницы в выбранном сочетании цветов. Интересно также и то, что вы можете “посмотреть” на вашу палитру глазами других людей, имеющих некоторые отклонения в цветовосприятии.
https://colorscheme.ru/
In colour balance
Всевозможные цветовые палитры, выделенные из лучших образцов фото.
https://color.romanuke.com/
Colorup.tikkurila
https://colorup.tikkurila.com/
Помощь в поиске удачной цветовой схеме для интерьера, а также палитры для внешней отделки. Пригодится для работы дизайнерам интерьеров, архитекторам.
Color Adobe
Сайт этот, конечно же не русский, но с поддержкой русского языка, и он будет понятен русскоговорящим, поэтому я и отнесла его в эту группу. Очень удобный подбор цвета. Изменяйте положение указателя на цветовой круге и выбирайте схему по определенной цветовой системе.
https://color.adobe.com/
Генератор цветовых схем
https://colory.ru/colorgenerator/
Англоязычные сайты по подбору цвета
Не смотря на то, что эти сайты зарубежные, пользоваться ими несложно даже без знаний языка, так как генераторы интуитивно понятны. В обзоре я буду делать акценты на основные моменты их использования.
Random Material Generator
Название генератора указывает на случайность выбора цветовой палитры. Нажмите на кнопку “Generate different random combination” для генерации цветовой схемы.
https://codecrafted.net/randommaterial/
Material Mixer
Позволяет смешать и посмотреть сочетания двух цветов.
https://sankk.in/material-mixer/
Colorhunter
Готовые цветовые решения.
https://colorhunter.com/
Palette Generation
https://mcg.mbitson.com/
Генерация оттенков цвета.
Material Palette
Выберите 2 цвета, и вы увидите еще цвета, которые подходят для вашего дизайна.
https://www.materialpalette.com/blue/light-green
Colorotate
Воспользуйся конусом для создания собственной цветовой схемы. Чтобы пользоваться сайтом, разрешите загрузку Adobe Flash плеера в вашем браузере.
https://web.colorotate.org/
Colorblender
Вам нужно определить алгоритм сочетания цвета и, перемещая ползунки, выберите сочетания цвета по RGB. Если вы затрудняетесь, то на этой же странице вы найдете ссылку на полную таблицу сочетания цвета.
https://colorblender.com/
Colorspire
Еще один простой цветовой круг, который поможет вам выбрать базовые цветовые сочетания, подобрать светлые, темные оттенки и т.д.
https://colorspire.com/
Paletton
Подбор сочетания цветов в зависимости от разных цветовых систем.
https://paletton.com/
Colorexplorer
Двигайте ползунки и выбирайте схему!
https://colorexplorer.com/
Цветовое колесо — теория цвета и калькулятор
Теория цвета и цветовое колесо
Вы когда-нибудь задумывались, как дизайнеры и художники находят идеальное сочетание цветов?
Они используют теорию цвета. Теория цвета — это практическое сочетание искусства и науки, которое используется для определения того, какие цвета хорошо сочетаются друг с другом. Цветовой круг был изобретен в 1666 году Исааком Ньютоном, который нанес цветовой спектр на круг. Цветовой круг — это основа теории цвета, потому что он показывает взаимосвязь между цветами.
Цвета, которые хорошо смотрятся вместе, называются цветовой гармонией. Художники и дизайнеры используют их для создания определенного внешнего вида или ощущений. Вы можете использовать цветовое колесо, чтобы находить цветовые гармонии, используя правила цветовых сочетаний. Сочетания цветов определяют взаимное расположение разных цветов, чтобы найти цвета, создающие приятный эффект.
Существует два типа цветового круга. Художники обычно используют RYB или красный, желтый, синий цветовой круг, поскольку он помогает комбинировать цвета краски.Кроме того, существует цветовое колесо RGB (красный, зеленый и синий), которое предназначено для использования в Интернете, поскольку оно относится к смешиванию света — как на экране компьютера или телевизора. Цветовое колесо Canva — это цветовое колесо RGB, поскольку оно предназначено для использования в Интернете.
Цветовые комбинации
Дополнительные
Два цвета, которые находятся на противоположных сторонах цветового круга. Эта комбинация обеспечивает высокую контрастность и эффектную цветовую комбинацию — вместе эти цвета будут казаться ярче и заметнее.
Монохроматический
Три оттенка, тона и оттенка одного основного цвета. Обеспечивает изысканное и консервативное цветовое сочетание. Это универсальное цветовое сочетание, которое легко применить в дизайнерских проектах для создания гармоничного образа.
Аналог
Три цвета, расположенные рядом на цветовом круге. Эта цветовая комбинация универсальна, но может подавлять. Чтобы сбалансировать аналогичную цветовую схему, выберите один доминирующий цвет и используйте другие в качестве акцентов.
Triadic
Три цвета, равномерно распределенные на цветовом круге.Это обеспечивает высококонтрастную цветовую схему, но в меньшей степени, чем дополнительная цветовая комбинация, что делает ее более универсальной. Эта комбинация создает смелые, яркие цветовые палитры.
Tetradic
Четыре цвета, равномерно распределенные на цветовом круге. Тетрадические цветовые схемы смелые и работают лучше всего, если вы позволяете одному цвету быть доминирующим, а другие используете в качестве акцентов. Чем больше цветов у вас в палитре, тем сложнее сбалансировать
Основные, второстепенные и третичные цвета
На цветовом круге 12 основных цветов.В цветовом круге RGB это оттенки красного, оранжевого, желтого, зеленовато-зеленого, зеленого, весеннего зеленого, голубого, лазурного, синего, фиолетового, пурпурного и розового.
Цветовой круг можно разделить на основные, второстепенные и третичные цвета.
Основные цвета в цветовом круге RGB — это цвета, которые вместе создают чистый белый свет. Это красный, зеленый и синий цвета.
В цветовом круге RYB основные цвета — это цвета, которые нельзя смешивать с другими цветами.Есть три основных цвета: красный, желтый и синий.
Дополнительные цвета — это цвета, полученные в результате смешивания двух основных цветов. Есть три вторичных цвета. В цветовом круге RGB это голубой, пурпурный и желтый. Когда вы смешиваете свет, красный и зеленый образуют желтый, зеленый и синий — голубой, а синий и красный — пурпурный.
В цветовом круге RYB вторичными цветами являются фиолетовый (красный смешанный с синим), оранжевый (красный смешанный с желтым) и зеленый (желтый смешанный с синим).
Третичные цвета — это цвета, полученные путем комбинирования вторичного цвета с основным цветом. Есть шесть третичных цветов. В цветовом круге RGB это оранжевый, зеленовато-зеленый, весенний зеленый, лазурный, фиолетовый и розовый.
В цветовом круге RYB третичные цвета — это красный-оранжевый, желто-оранжевый, желто-зеленый, сине-зеленый, сине-фиолетовый и красно-фиолетовый.
Теплые и холодные цвета
Цветовой круг также можно разделить на теплые и холодные цвета.Теплота или холодность цвета также называется его цветовой температурой. Цветовые комбинации, встречающиеся на цветовом круге, часто имеют баланс теплых и холодных цветов. Согласно психологии цвета, разная цветовая температура вызывает разные чувства. Например, теплые цвета вызывают ощущение уюта и энергии, а холодные цвета ассоциируются с безмятежностью и уединением.
Теплые цвета — это цвета от красного до желтого. Говорят, что эти цвета напоминают тепло, как солнце.
Холодные цвета — это цвета от синего до зеленого и фиолетового. Говорят, что эти цвета напоминают прохладу, как вода.
Оттенки, оттенки и тона
Вы можете создавать оттенки, оттенки и тона цвета, добавляя черный, серый и белый к базовому оттенку.
Оттенок
Оттенок создается путем добавления черного к базовому оттенку, затемняющего цвет. Это создает более глубокий и насыщенный цвет. Оттенки могут быть довольно драматичными и подавляющими.
Оттенок
Оттенок создается путем добавления белого к базовому оттенку и осветления цвета.Это может сделать цвет менее интенсивным и полезно при уравновешивании более ярких цветовых комбинаций.
Тона
Тон создается путем сочетания черного и белого (или серого) с базовым оттенком. Как и оттенки, оттенки являются более тонкими версиями исходного цвета. Тона с меньшей вероятностью будут выглядеть пастельными и могут выявить сложности, не очевидные в основном цвете.
Оттенок, насыщенность и яркость
Оттенок — это практически любой цвет на цветовом круге. Когда вы используете цветовое колесо или палитру цветов, вы можете настроить насыщенность и яркость оттенка.
Насыщенность — это интенсивность или чистота цвета.
Яркость — это количество яркости или света в цвете.
Значения цвета и цветовые схемы
Это всего лишь введение в увлекательный мир цвета. Есть еще много всего, что нужно узнать! Например, знаете ли вы, что королевский синий цвет был создан в 1800-х годах для королевы Шарлотты? Если вы хотите узнать больше о цветах, посетите нашу страницу «Значения цветов» — на ней рассказывается об истории и значении сотен цветов.Или, если вы ищете более великолепные цветовые комбинации, воспользуйтесь нашим Генератором цветовой палитры или просмотрите тысячи вдохновляющих цветовых схем.
100 идей и примеров цветовых комбинаций
Когда дело доходит до дизайна, поиск идеальной цветовой комбинации может быть вашим секретом успеха в создании привлекательного творения. Можно сказать, это один из самых важных шагов в создании безупречного образа.
Но без каких-либо дизайнерских идей или принципов дизайна может быть трудно с нуля придумать выигрышную цветовую комбинацию.
В конце концов, откуда вы должны знать, действительно ли он хорошо выглядит или помогает донести цель вашего дизайна? Независимо от того, разрабатываете ли вы плакат, логотип или визитку, сочетание цветов играет ключевую роль в том, как это воспринимается.
Итак, мы проделали для вас тяжелую работу, предоставив вам 100 цветовых комбинаций, вдохновленных природой, едой и напитками, путешествиями и предметами повседневного обихода. Но прежде чем мы перейдем к одобренным дизайнером цветовым комбинациям, которые вам следует использовать, давайте рассмотрим основные цветовые комбинации, которые использует большинство дизайнеров.
Типы цветовых комбинаций
Различные цветовые комбинации вызывают разные настроения или тона с помощью теории цвета и психологии цвета. Ниже приведены некоторые из наиболее популярных типов используемых сочетаний цветов.
Дополнительные цветовые комбинации
Дополнительные цветовые комбинации — это цвета, расположенные напротив друг друга на цветовом круге. Дополнительные цвета придают зрителю ощущение энергии и жизненной силы.
Триадные цветовые комбинации
Триадные цветовые комбинации — это сочетание трех цветов.Они равноудалены по цветовому кругу, образуя форму треугольника. Такое сочетание цветов может создать у зрителя ощущение покоя и гармонии.
Аналогичные цветовые комбинации
Аналогичная цветовая комбинация — это комбинация от 2 до 5 цветов, которые расположены рядом друг с другом на цветовом круге. Это создает у зрителя ощущение умиротворения и умиротворения, и дизайнеры часто выбирают приглушенные оттенки в этих комбинациях.
Тетрадические цветовые комбинации
Тетрадические цветовые комбинации — это схема, которая включает один основной и два дополнительных цвета.Также используется один дополнительный цвет, подчеркивающий акценты. Все четыре цвета равномерно распределены по цветовому кругу, поэтому не может быть явного преобладания одного цвета.
Nature
01. Fresh & Bright
Украсьте свой дизайн этой веселой палитрой. Изображение пользователя u2tryololo с Flickr.
Свежая зелень и яркие цветы делают весну желанным зрелищем после долгой зимы. В этой цветовой палитре представлены яркие оттенки зеленого и кораллового, которые сделают ваш дизайн ярким.Эти цвета можно использовать для плакатов весенних или летних мероприятий или, возможно, для рекламы, которая хочет выглядеть свежей и молодой.
02. Subdued & Professional
Продвигайте свой бренд с помощью этой профессиональной палитры. Изображение Винсента Д’Амико.
Красный и синий — одни из наиболее распространенных цветов, которые компании используют для брендинга, и не зря. Красный говорит «уверенный и сильный», а синий — «успокаивающий и заслуживающий доверия». Эта цветовая комбинация предлагает немного того и другого, со слегка ненасыщенными оттенками, которые не слишком сильны.К консервативным синим и серым оттенкам кирпично-красный оттенок добавляет всплеск дополнительного цвета, который по-прежнему остается профессиональным. Это подойдет для любого корпоративного контекста или для более «серьезного» дизайн-проекта.
03. Dark & Earthy
Сделайте свой дизайн более выразительным с помощью этого шаблона. Изображение Вольфганга Штаудта.
Пустынные пейзажи полны резких контрастов, как и эта цветовая гамма. Для неожиданного сочетания цветов, более приглушенного, чем яркого и яркого, попробуйте эту комбинацию с оттенками сливы и красновато-оранжевого.
04. Crisp & Dramatic
Природа дает самые интересные цветовые контрасты. Изображение Александра Щукина.
О природной красоте Исландии ходят легенды, и эта палитра пытается передать ее драматические контрасты. Теплые сероватые оттенки двух верхних цветов приятно контрастируют с более прохладными зелеными. Ассортимент более светлых и темных оттенков позволяет легко комбинировать любые два или три цвета и при этом дополнять друг друга.
05.Cool Blues
Сохраняйте спокойствие с этой синей палитрой. Изображение предоставлено Sunova Surfboards.
Монохроматические цветовые схемы (состоящие из различных оттенков, тонов или оттенков одного цвета) чрезвычайно универсальны. Хотя эта палитра не может квалифицироваться как монохроматическая в соответствии с техническим определением, для визуальных целей она создает аналогичный эффект. С таким универсальным цветом, как синий, эту комбинацию можно использовать где угодно.
06. Открытый и естественный
Сохраняйте чистоту и естественность.Изображение предоставлено PapaPiper через Flickr.
Если у вас есть торговая марка или вам нужен дизайн, подчеркивающий естественные или «зеленые» качества, логичным выбором будет цветовая палитра с зеленым и коричневым оттенками. Вместо обычных тусклых оттенков, эта цветовая комбинация делает вещи ярче, добавляя оттенок зеленого лайма.
07. Водяной сине-зеленый
Зеленый цвет бывает разных оттенков. Увеличьте его с помощью этой водянистой сине-зеленой палитры.
Еще один победитель для любого бренда, стремящегося подчеркнуть свою экологическую ценность.Это капризное сочетание водянистой зелени обладает утонченной изысканностью.
08. Основные цвета с ярким поворотом
Сохраняйте простые вещи, но при этом сохраняйте эффектность с помощью этой основной цветовой палитры. Изображение Клинта Лоси.
Яркие цвета обладают неоспоримой притягательной силой. Эти основные цвета слегка приглушены, что придает палитре уникальность.
09. Освежающий и красивый
Сделайте свой дизайн популярным с помощью этой палитры сладких конфет.
Яркие бирюзовые оттенки оттенков ярко-желтого и розового цвета жевательной резинки, создавая палитру, почти напоминающую пасхальные конфеты. Если розовый делает палитру слишком «девчачьей» для целей вашего дизайна, просто оставьте ее в стороне и выберите два верхних цвета морской волны плюс желтый для яркого и чистого сочетания.
10. Игривый зеленый и синий
Серые оттенки этого зеленого вкуса делают его отличной нейтральной базой для вашего дизайна. Изображение Шанди-ли Кокс.
Голубоватые оттенки вверху и внизу этой подборки имеют серые оттенки, что делает их почти нейтральными — отличная основа для игры с более смелыми тонами, такими как салатовый.
11. Fresh & Energetic
Почти неоновые оттенки синего и зеленого уравновешивают два других более консервативных цвета и добавляют яркую свежесть, которая придает комбинации некоторый импульс. Такая схема может хорошо работать для фитнес-бренда или любого дизайна, который должен сочетать деловой стиль с энергичной атмосферой.
12. Surf & Turf
В этом пейзаже присутствуют как теплые, так и холодные цвета, яркие и приглушенные оттенки.Вдохновленная им пляжная, мягкая цветовая палитра основана на этих контрастах для сочетания, которое напоминает расслабляющий отдых на острове — всего лишь один пример того, как мы можем связать цвет с определенными местами, настроениями или эмоциями.
13. Осень в Вермонте
Эти землистые цвета имеют деревенскую реалистичность, вызывая образы леса. Эта цветовая комбинация идеально подходит для тех, кто хочет добавить аутентичности своему бренду.
14. Ледяной синий и серый
Контраст теплого серого с холодным ледниковым синим цветом создает динамическую цветовую схему, которая визуально более интересна, чем обычная комбинация тусклого синего и серого.Если вам нужна более сдержанная палитра, вместо темно-синего и темно-серого попробуйте эти более светлые и яркие оттенки.
15. Птицы и ягоды
Эта цветовая палитра напоминает о первых моментах весны и о недавно появившихся цветах, бутонах и ягодах.
16. День и ночь
Эта цветовая комбинация является прекрасным примером силы контраста. Сильные, яркие оттенки желтого и оранжевого уравновешиваются индиго и темно-синими тонами, создавая общий эффект, который не бросается в глаза.
17. Стильный и ретро
Приглушенные оттенки этой цветовой схемы имеют винтажную атмосферу, при этом светлый аквамарин и золотой особенно были цветами, которые были популярны в 1950-х и 60-х годах. Но это не значит, что эта комбинация выглядит устаревшей. Эти цвета (и современная эстетика середины века в целом) снова стали популярными и по-прежнему выглядят стильно.
18. Оттенки цитрусовых
Ничто так не говорит о «здоровье», как эти разнообразные оттенки цитрусовых.Оранжевый, желтый и зеленый лайм — идеальный выбор, если вам нужна цветовая комбинация, предлагающая свежесть и жизненную силу.
19. От заката до заката
Цвета, которые видны по небу, когда солнце садится и приближается к сумеркам, входят в широкий спектр персикового и синего цветов, создавая сложную палитру, делающую любой дизайн уникальным.
20. Яркий и тропический
Сочетание цветов настолько тропическое, что вы почти чувствуете теплый ветерок на своей коже.Эти теплые цвета обладают молодой энергией и жизненной силой.
21. Warm Naturals
Подумайте об осени и различных оттенках коричневого, красного, оранжевого и зеленого, в которые превращается листва. Используйте эти цвета, чтобы создать привлекательный и уютный дизайн.
22. Bold Berries
Эта палитра уравновешивает цвета красного и коричневого спектра с желтым и зеленым. Это яркая и смелая будка, но все же успокаивающая и веселая.
23.Летний подсолнух
Эта цветовая комбинация создает ощущение открытого пространства, как в летнем бейсбольном матче: красная грязь бейсбольного ромба, зеленая трава на окраине поля, яркое солнце в голубом небе над головой. Однако он более тонкий (и имеет большее разнообразие цветов), чем, скажем, более очевидные зеленые и коричневые тона в №6.
24. Modern & Crisp
Сочетание черного и белого с яркими, четкими оттенками зеленого создает современную палитру, утонченную, но не слишком серьезную.Вместо того, чтобы сочетать красный или синий с черным и белым, освежите вещи зеленым.
25. Timeless & Nautical
Классическая комбинация: нейтральный синий и слоновая кость сочетаются с красным и синим павлином в этой комбинации, которая напоминает океан и катание на лодках.
Еда и напитки
26. Нейтральный и универсальный
Нейтральные цвета, такие как оттенки серого и коричневого, очень универсальны и могут сочетаться практически с чем угодно.Однако цветовая гамма всех нейтральных оттенков тоже может быть неплохой. В зависимости от того, как вы примените его к дизайну, он может быть высококлассным и изысканным (подумайте о брендинге роскошного отеля) или успокаивающим и удобным (подумайте о декоре любимой кофейни по соседству).
27. Яркие цвета
Смелые, но не слишком яркие, эти цвета привлекают внимание и изысканны.
28. Garden Fresh
Апельсин часто ассоциируется с энергией, а что может быть более энергичным, чем эти два дополняющих друг друга оранжевых тона? Не совсем белый и грушево-зеленый цвета уравновешивают палитру, создавая ощущение свежести.
29. Summer Barbeque
Это цветовое сочетание — чистая ностальгия. Он пробуждает воспоминания о теплых летних днях, тусовках на заднем дворе и просто наслаждении днем.
30. Berry Blues
Эффективная цветовая комбинация не требует использования сильно различающихся цветов, как демонстрирует эта палитра. Различные оттенки синего идеально сбалансированы, и часто говорят, что синий цвет вызывает доверие.
31.Подставка для лимонада
Эта веселая палитра красных, оранжевых и желтых оттенков, несомненно, оживит любой дизайн, в котором вы ее используете. Хотя подставки для лимонада в основном ассоциируются с летом, эта палитра также напоминает осень. Вы можете получить больше палитр, вдохновленных осенью, в этой статье: 5 цветовых палитр, вдохновленных осенью
32. Serene & Spa-Like
Успокаивающие, спа-зеленые и синие — великолепные сами по себе — выглядят немного живее с всплеск малины в качестве акцентного цвета.Добавление более яркого или смелого акцентного цвета к более сдержанному выделению — хороший прием, чтобы оживить цветовую палитру и сделать ее немного интереснее.
33. Fun & Tropical
Это удачное сочетание цветов не воспринимает себя слишком серьезно. Хотите оформить приглашение на летнюю вечеринку? Может быть, плакат или реклама детского мероприятия? Подобная палитра прояснит, где находится самое интересное.
34. Пряные нейтральные
Оттенки от светлого до темного позволяют легко применить эту цветовую палитру к дизайну.Контрастность достаточно, чтобы вы могли выбрать цвет фона, цвет текста и один или два цвета акцента только из этих четырех.
35. Пастель
Применение пастельной палитры будет несколько ограничено — дизайн, связанный с Пасхой, весной, младенцами или чаепитием, является довольно безопасным выбором. Пастельные цвета обычно кажутся красивыми и нежными, поэтому вы должны убедиться, что ваш дизайн вызывает подобное настроение, если вы хотите использовать такую цветовую комбинацию, как эта.
36. Полужирный и культурный
37. Солнечный цитрус
38. Четкие дополнительные цвета
Красный и зеленый — одна из трех пар дополнительных (или противоположных) цветов на традиционном цветовом круге; другие включают оранжевый / синий и фиолетовый / желтый. В сочетании эти цвета производят поразительное впечатление с высокой контрастностью, которое может немного раздражать, если вы не используете их осторожно. Вот почему для этой палитры красный и зеленый были сбалансированы и смягчены (не полная насыщенность, как красный и зеленый, которые вы видите на рождественских украшениях), чтобы сделать дополнительную цветовую палитру более свежей.
39. Теплый и деревенский
40. Neon Night
41. Jewel Tones
42. Полированный и привлекательный
Теплые оттенки серого с золотисто-желтым оттенком — вот что вам нужно. иногда можно увидеть в контексте дизайна интерьера и домашнего декора. Он в основном нейтральный (и теплые оттенки серого кажутся успокаивающими и манящими), но желтый добавляет бодрости и энергии к общей палитре, которая изысканна, но не душна.
43. Свежая зелень
44. Зимние красные
Напоминающая зимние ягоды и голые ветки на фоне заснеженного неба, эта комбинация цветов станет отличной альтернативой вашим традиционным рождественским или праздничным палитрам. Насыщенные красные оттенки в сочетании с серыми с фиолетовыми оттенками кажутся праздничными, но изысканными.
45. Summer Fiesta
46. Chocolaty Browns
Кто сказал, что коричневый цвет должен быть скучным? Добавьте красные и фиолетовые оттенки, и вы получите полную, богатую цветовую палитру, которая — как эти шоколадные кексы — кажется немного декадентской.
47. Естественно элегантный
48. Уютный и теплый
49. Фиолетовый закат
50. Клубника со сливками
Travel
52. Bold & Basic
Белый, черный (или в данном случае очень темно-синий), красный и желтый — очень распространенная комбинация. Но с этими насыщенными оттенками точно не скучно. Если вы ищете смелую палитру, в которой нет проблем с необычными цветами, но которая по-прежнему является сильным, привлекательным заявлением в вашем дизайне, эту цветовую схему легко применить.
53. Vineyard Neutrals
54. Modern & Urban
55. Misty Greens
56. Sunkissed Village
Многие деревеньки в теплых пастельных тонах на побережье Средиземного моря раскрашены в теплых пастельных тонах. Вы можете воссоздать этот солнечный и беззаботный образ с помощью этой подборки оттенков и привнести в свой дизайн немного итальянской сладкой жизни, создавая теплый и уютный эффект.
57. Sun & Sky
58.Aqua Blues
59. Urban Oasis
60. Candy-Coated Brights
Эти яркие оттенки выглядят так, как будто они принадлежат кондитерской, и они обязательно придадут дизайну немного юношеской энергии. Просто убедитесь, что общий эффект дизайна был немного «громким», потому что, как и граффити, которыми они вдохновлены, эти цвета определенно не тихие; они хотят сделать заявление.
61. Приглушенный и старинный
62.Classy & Timeless
Трудно воспроизвести металлический эффект с помощью простого цвета, но темно-синий и золотой — это неподвластная времени комбинация, которую вы увидите во всем, от шикарных приглашений на вечеринку до официальных цветов элитных школ и спортивных команд. Чтобы добавить классу дизайну, попробуйте сочетание двух цветов. (Если вам удастся напечатать ваш дизайн с акцентами золотой фольги, даже лучше!)
63. Cosmopolitan
64. Веселые и дружелюбные
65.Ночная жизнь
Цвета чернил, которые используют все принтеры (голубой, пурпурный, желтый и черный; сокращенно CMYK), сами по себе создают поразительную комбинацию, похожую на неоновые и световые вывески большого города ночью.
66. Прибрежный
67. Maritime Brights
68. Винтажный шарм
69. Сдержанный и универсальный
70. Arctic Sunrise
всегда красиво сочетаются и вы, конечно, можете использовать три нижних варианта этой палитры сами по себе), но добавление светло-кораллово-розового цвета вместе с более ярким синим придает этой комбинации немного дополнительного блеска.
71. Средиземноморский полдень
Обед в итальянском ресторане, кто угодно? Некоторые из вещей, которые чаще всего ассоциируются с итальянской кухней — вино, насыщенный томатный соус, свежая паста ручной работы — все это проявляется в этой цветовой гамме. Попробуйте добавить в дизайн немного тепла и аромата. Включение кремового нейтрального оттенка уравновешивает более яркие подборки; вы можете использовать его в качестве фона или основного цвета, а также один или несколько других в качестве стильных акцентов.
72.Hazy Grays
73. Достопримечательности города
74. Ретро и расслабляющие
75. Зеленые поля
Предметы повседневного использования
76. Элегантный и необычный
СовременныйЧерный, серый и белый — всегда приемлемые цвета. Но добавьте немного синего кобальта, и эти обычные нейтральные оттенки станут фоном для современной привлекательной палитры, которая подойдет для любого стиля дизайна, от корпоративного до модного.
78. Оранжевый акцент
79. Beyond Black & White
Красный или синий могут быть обычными парами для базового черного и белого, но здесь более глубокий красный вместе с более ярким бирюзовым синим придают новый оттенок. знакомое сочетание.
80. Нейтральные цвета потертого шика
81. Warm & Cool
82. Industrial & In-Control
83. Осенние апельсины + дополнительные нейтральные
Эта теплая и уютная цветовая комбинация имеет приглушенные оттенки. апельсины, которые не сокрушат вашу аудиторию.
84. Pool Party
Веселье на солнышке! Это цветовое сочетание молодое и игривое. Два блюза уравновешивают апельсины, гарантируя, что на этой «вечеринке у бассейна» все не станет слишком сумасшедшим.
85. Classic Metallics
Если вам нужна комбинация, которая гласит «традиция» или «надежность», не ищите дальше. Эти классические оттенки, вдохновленные металлическими элементами, добавят классности вашему дизайну.
86. Тонкий и универсальный
Эта палитра, напоминающая цвета, которые можно увидеть в пляжном домике, немного морская, слегка выцветшая и винтажная, но включенные здесь оттенки не поместят вас в какой-то определенный стиль.Они универсальны и изящны: это цветовое сочетание не бросит тень на ваш дизайн.
87. Professional & Traditional
88. Light & Natural
89. Shadowy & Dramatic
Здесь неоново-красный цвет играет с землистыми, приглушенными городами коричневого, сланцевого и крепового цветов. Эта цветовая комбинация идеально подходит, если вы хотите выделить один цвет, а остальные оттенки играют второстепенные роли.
90.Золотой полдень
91. Темный и красивый
Темное дерево, кожа, старые книги — вещи, которые вы можете найти в английском пабе или одном из тех джентльменских клубов, которые вы видите в старых фильмах. Если ваш дизайн может быть изысканным, попробуйте эту комбинацию насыщенных коричневых оттенков и более светлого дымчатого нейтрального оттенка.
92. Технологии и природа
93. Веселый синий + розовый
94. Экзотический и эффектный
95.Снова в школу
96. Яркий и живописный
97. Городской стиль жизни
98. Кухня 1950-х годов
99. Smoky Purples
1000003 9685 Свежий и яркий: лепесток, мак, стебель, весенняя зелень
Приглушенный и профессиональный: туман, камень, тень, осенняя листва
Dark & Earthy: сервице, облачная тень, пустыня, красная глина
Четкие и драматические: грозовое облако, водопад, мох, луг
Прохладный блюз: глубокая вода, океан, волна, морская пена
Открытый и естественный: лесной зеленый, трава, лайм, земля
Водянистый сине-зеленый: сине-черный, кадетский синий, дождь, зелень
Основные цвета с ярким оттенком: небо, закат, подсолнух, трава
Освежающий и красивый: аквамарин, бирюза, канареечно-желтый, розовый тюльпан
Игривая зелень и синий цвет: синяя сосна, молодая трава, отражение, туман
Свежий и энергичный: голубое небо, гранит, сосна, поля
Серфинг и дерн: песчаник, жженый апельсин, море, лагуна
Осень в Вермонте: малиновый, лес, ржавчина, золото
Ледяной синий и серый: пасмурность, теплый серый, ледяной, голубой ледник
Птицы и ягоды: лавандово-серая, ветка, ягода, желтые перья.
День и ночь: темно-синий, черника, мандарин, нарцисс
Стильно и ретро: небо, солнце, горы, туман
Оттенки цитрусовых: оранжевый, желтый, оливково-зеленый, салатовый
От заката до заката: темно-фиолетовый, индиго, серо-коричневый, румянец
Яркий и тропический: ярко-розовый, жевательная резинка, пыльца, шартрез
Теплые натуральные: кора, зеленые водоросли, бронза, золотарник.
Жирные ягоды: баклажаны, клубника, лимонный лайм, зеленый базилик
Летний подсолнух: синий, листовой зеленый, подсолнечник, семена
Современные и свежие: темно-зеленый, белый, растения, молодые побеги
Вневременные и морские: темно-синий, синий павлин, слоновая кость, конфетное яблоко
Нейтральный и универсальный: сланец, керамика, латте, кофе
Веселые яркие цвета: авокадо, желтый перец, голубой морской волны, помидор
Летний шашлык: зеленый, обугленный, дегустированный, томатный
Berry blues: темно-синий, чернила индиго, черника, барвинок
Подставка для лимонада: вишнево-красный, лед, мармелад, апельсиновый сок
Безмятежный и спа-подобный: шалфей, медовая роса, колокольчик, малина
Веселые и тропические: синий электрик, банан, арбуз, дыня
Пряные нейтральные оттенки: кайенский перец, корица, сливки, карамель
Пастели: нежно-голубой, персик, масло сливочное, ириски
Смелые и культивированные: инжир, красное яблоко, швейцарский сыр, базилик
Солнечный цитрус: цитрусовые, грейпфрут, рубиново-красный, кремовый
Свежие дополнительные цвета: Golden Delicious, Granny Smith, Rope Apple, Red Delicious.
Теплый и деревенский: грибы, лук, красный перец, коряги
Неоновая ночь: икра, авокадо, лосось, черные водоросли
Тона драгоценного камня: фиолетовый лук, спелый помидор, лимон, специи
Полированный и привлекательный: лен, устрица, олово, чай с лимоном.
Свежая зелень: изумруд, зеленая фасоль, салатовый, хлопок
Зимние красные: ягодный, вишневый, шифон, дымчатый
Летняя фиеста: авокадо, кинза, лосось, тосты
Конфеты коричневые: какао, шоколад, ирис, глазурь
Естественно элегантный: желтая груша, зеленый мох, умбра, золото
Уютный и теплый: красный лук, острый, пастернак, перец горошком
Фиолетовый закат: стонерграунд, ляпис, сальмос, перец горошком
Клубника и сливки: клубника, папайя, молоко, мюсли
Grecian Holiday: греческий синий, море, гипс, коралл
Bold & basic: ночь, красный цвет телефонной будки, жемчуг, вспышка
Нейтральные оттенки виноградника: темный, винный, глина, пыльно-розовый
Современный и городской: солнечный свет, стальной синий, кость, уголь
Туманная зелень: лес, вечнозеленое растение, сосна, туман
Sunkissed village: терракота, мед, бискотти, камень
Солнце и небо: лазурно-голубой, горчичный, асфальт, тень
Aqua blues: синий павлин, глубокий аквамарин, лишайник, туман
Городской оазис: листья, кора, марби, коричневый камень
Яркие конфеты, покрытые оболочкой: апельсин, фуксия, лимонная долька, голубая малина
Приглушенный и старинный: голубое яйцо Робина, нектар, тосканский красный, оливковый.
Классный и неподвластный времени: темно-синий, сумрак, золотой, бронзовый
Cosmopolitan: серо-голубой, стальной, оловянный, румянец
Веселый и дружелюбный: темно-бирюзовый, арктический, белое облако, кирпич
Ночная жизнь: голубой, пурпурный, желтый, черный
Прибрежный: пудрово-синий, облака, песок, пальма
Морские цвета: соленая вода, лагуна, белила, малина.
Винтажный шарм: жимолость, теплый серый цвет, шпатлевка, увядшие розы
Сдержанный и универсальный: бурное море, туман, ржавчина, уголь
Арктический восход солнца: восход солнца, голубой топаз, лазурный, сосулька
Средиземноморский полдень: смородина, алая, календула, булыжник.
Мутно-серый: сине-зеленый, водный путь, дымка, смог
Достопримечательности города: пожарная машина красный, светло-серый, джинсовая ткань, бетон
Ретро расслабляющий: имбирь, светло-серый, овсяный, бетон
Зеленые поля: горох колотый, камуфляж, светлый, трава
Отличительные и неожиданные: бирюзовый, холодный серый, коричневато-фиолетовый, оранжево-красный
Элегантный и современный: сине-черный, холодный серый, белый, кобальтовый
Оранжевый акцент: шпон, песочный доллар, уголь, апельсин
Beyond black & white: бирюзовый, губная помада, серовато-белый, черный
Нейтральные оттенки шебби-шик: металл, крафт-бумага, газетная бумага, олово.
Warm & cool: выцветший темно-синий, пунш, океанский бриз, теплый
Промышленные и контролируемые: чернила, алюминий, бумага, рубиново-красный
Осенние апельсины + дополнительные нейтральные оттенки: тыква, дыня, хлопок, горячий шоколад
Вечеринка у бассейна: королевский синий, голубой бассейн, апельсиновый сок, кровавый апельсин
Классический металлик: черная сталь, бумага, сусальное золото, серебро
Нежный и универсальный: сине-зеленый, мятный, блеклый красный, овсянка,
Профессиональный и традиционный: кирпично-красный, глянцевый белый, матовый черный, средне-серый
Светлый и натуральный: камень, шалфей, пахта, кожа
Shadowy & dramatic: шифер, неоново-красный, креп, коричнево-серый
Золотой полдень: бордовый, овсянка, зола, гол
Темный и красивый: красное дерево, каштан, кожа, пергамент
Технология встречает природу: лютик, серебряная пластина, темный, зеленый
Веселый синий + розовый: нежно-розовый, теплый белый, ярко-синий, эгейский синий
Экзотические и эффектные: оникс, серо-коричневый, фейерверк, океанический
Снова в школу: дерево, желтый карандаш, оранжевый, розовый ластик
Яркий и живописный: ультрамарин, арбуз, солнечный свет, бирюза
Городская жизнь: нежно-серый, черноватый, комнатное растение, серо-голубой
Кухня 1950-х: мята, красный, фарфор, свежий синий
Smoky Purples: теплый серый, темно-голубовато-серый, бежевый, лиловый
В моде и мегаполисе: темный цвет морской волны, золото, уголь, серый
Следующие шаги
Готовы вывести свои проекты на новый уровень? Вот несколько удобных инструментов Canva, которые помогут вам в путешествии по цвету
Хотите знать, какие цвета хорошо сочетаются друг с другом? Цветовое колесо Canva позволяет легко комбинировать цвета.
Хотите цветовую схему, которая идеально сочетается с вашими любимыми изображениями? С генератором цветовой палитры Canva вы можете создавать цветовые комбинации за секунды. Просто загрузите фотографию, и мы будем использовать ее оттенки, чтобы создать вашу палитру.
Ищете цвета, которые гарантированно будут хорошо смотреться вместе? Мы создали тысячи одобренных дизайнером палитр, которые вы сможете использовать в своем следующем дизайне.
Уловки с цветом логотипа, используемые ведущими брендами, и как сделать DIY
Психология цвета: уловки с цветом логотипа, используемые ведущими брендами, и как сделать DIYВаш браузер не поддерживается и может не работать с лучшими впечатлениями.
Хороший логотип — это синоним бренда, который он представляет. Подумайте о таких знаковых брендах, как McDonald’s или Apple. Их логотипы похожи на мгновенно узнаваемое сокращение самого бизнеса.
Логотип — это, по сути, символ, используемый для представления бренда. Копните глубже, и вы обнаружите, что многие логотипы имеют скрытый смысл, часто связанный с предысторией компании или хитроумным визуальным каламбуром. В конце концов, брендинг — это повествование историй — это то, как люди соединяются.
Но есть еще один элемент, который составляет историю логотипа: его цвет.
Цвет логотипа может многое сказать о бренде. Для известных брендов цвет может быть неразрывно связан с идентичностью бизнеса. Вспомните знаменитые бело-зеленые кофейные чашки Starbuck или культовую фиолетовую упаковку Cadbury. А для новых брендов цвет логотипа — это попытка позиционировать свой бизнес с желаемым клиентом.
В этой статье мы рассмотрим, как крупные бренды используют цвет в своих логотипах, погрузимся в закономерности, выявленные при выборе популярных логотипов, и более подробно рассмотрим крупные компании, которые мыслят нестандартно.
Одна из причин, по которой люди создают логотипы, заключается в том, что визуальное запоминание — это мощная вещь. И именно поэтому мы создали это цветовое колесо для логотипов — с первого взгляда вы можете точно увидеть, как известные бренды используют цвет.
Выбор цвета логотипа ведущих компаний
Поделитесь этим изображением на своем сайте
Источник изображения: Canva
Цвет логотипа и идентичность бренда
Связь между цветом и идентичностью бренда сильна. В Журнале Академии маркетинговых наук исследователи Лорен Лабрек и Джордж Милн объясняют, что «подобно тщательно выбранному бренду, цвет несет в себе внутреннее значение, которое становится центральным для идентичности бренда, способствует узнаваемости бренда и передает желаемый имидж.
Например, они обнаружили, что синий цвет используется более чем в 75% логотипов брендов кредитных карт и в 20% логотипов брендов быстрого питания. Между тем, красный цвет встречается в 0% логотипов одежды, но более чем в 60% розничных брендов.
Для потребителей, которые сталкиваются с рекламой тысячи раз в день, эти визуальные подсказки могут быть бессознательным сообщением о том, что и кем они продаются.
Цветовые тенденции логотипов в различных отраслях
Поделитесь этим изображением на своем сайте
Источник изображения: Canva
Компании из списка Fortune 500 и цвета логотипов: одна большая тенденция
При исследовании этой статьи и инфографики мы сначала рассмотрели логотипы компаний из списка Fortune 500. Здесь мы заметили одну заметную тенденцию.Синий — безусловно, самый популярный выбор цвета логотипов для этих компаний.
Легко понять, почему синие логотипы так популярны. Синий — безобидный цвет, безопасный, но изысканный оттенок. А для компаний, которые хотят обеспечить безопасность — скажем, в сфере финансов, технологий, здравоохранения или страхования — синий цвет делает замечательную работу.
Красный, с другой стороны, является более смелым выбором для бренда. Тем не менее, он стал вторым по популярности выбором. В рейтинге Fortune 500 существует четкая связь между пищевой и розничной отраслями и красным логотипом, что подтверждает исследования по различению цветов, проведенные Лабреком и Милном.
Фиолетовый то тут, то там в рейтинге Fortune 500, а розовый вообще отсутствует.
Синий, безусловно, самый популярный цвет логотипа для компаний из списка Fortune 500
Поделитесь этим изображением на своем сайте
Источник изображения: Canva
Психология цвета и логотипы
Невозможно говорить о цветах логотипов и брендинге, не говоря уже о психологии цвета. Эта область исследования изучает взаимосвязь между определенными оттенками и реакциями человека.
Сторонники психологии цвета считают, что теорию можно использовать для стимулирования определенного поведения покупателей.
Без сомнения, исследователи и маркетологи уловили закономерности в реакции человека на цвета.Но ничто из этого не является водонепроницаемым: один человек может думать о красном как о волнующем, привлекательном цвете, а другой может ассоциировать его с кровью и кровью. Контекст и целевая аудитория имеют важное значение. Черный может быть стабильным и надежным в одном контексте или резким и грубым в другом. А такие факторы, как культура, пол и возраст, означают, что разные цвета по-разному воспринимаются разными людьми.
Другими словами, психология цвета — это не черное и белое.
Урок здесь? Не существует цвета, который автоматически гарантировал бы успех вашему бренду, но выбор неправильного цвета может означать, что ваш целевой рынок не замечает вашего бренда.
Однако в сознании потребителей существуют сильные ассоциации с определенными цветами. Они протекают в обоих направлениях — ассоциация между оранжевым и энергией может быть не присуща самому цвету, а является результатом того факта, что он так часто используется брендами, которые хотят донести это послание. Потребители видят этот цвет и подсознательно знают, что передается неуловимое сообщение. Таким образом, психология цвета становится самореализующимся пророчеством.
У цвета есть еще и физиологический аспект.Подумайте, когда вы видите флуоресцентный знак: иногда цвет может быть настолько ярким, что вам придется прищуриться. Нельзя отрицать, что одни цвета смелые и привлекают внимание, в то время как другие более тонкие и нежные для глаз.
Некоторые компании используют это в своих интересах — например, McDonald’s, чей логотип часто встречается в многолюдных ресторанах или в качестве пункта назначения Drive-Thru на дороге. В таких ситуациях ярко-желтый цвет золотых арок играет роль сирены.
Тенденции логотипов
Логотипы не застрахованы от тенденций.Многие бренды обновляют свои логотипы каждые пять лет или около того, что позволяет им оставаться в курсе текущих тенденций, оставаясь при этом верными своей основной идентичности. Подумайте о своих бизнес-целях, когда решаете, следует ли следовать тенденциям в дизайне логотипов — если вы создаете малый бизнес, занимающийся прямыми продажами непосед, тогда имеет смысл следовать тенденциям; но если вы хотите создать бизнес, который существует уже несколько десятилетий, стремитесь к чему-то вневременному.
Общие цветовые ассоциации и цветовая символика
Давайте подробнее рассмотрим ассоциации, которые обычно вызывают в памяти цвета, и подтвержденные исследованиями.
Цветовые ассоциации логотипа
Поделитесь этим изображением на своем сайте
Источник изображения: Canva
3 шага к созданию собственного логотипа
01.Отраслевые исследования
Спросите себя: что это за бизнес и кто его аудитория? Помните, что ваш логотип должен понравиться вашему идеальному покупателю. И не забудьте посмотреть на конкурентов. Стратегия вашего бренда определит, будет ли вам удобнее создавать что-то, что противоречит отраслевым традициям, или придерживаться установленных тенденций, но очень важно знать, что еще существует.
Создатель логотипов Canva поможет вам создать подходящий логотип для вашей отрасли
02.Выберите тип логотипа
Существует два основных типа логотипа: словесные знаки и символы. Словесный знак — это то, где название компании является центром логотипа. Этот вид логотипа зависит от хорошего шрифта и правильного выбора цвета. Символический логотип опирается на иконографию, чтобы сделать бренд узнаваемым.
Создатель логотипа Canva поможет вам определить стиль вашего логотипа.
03. Выберите цветовую схему.
Подумайте о том, какие ассоциации вы бы хотели, чтобы люди ассоциировали с вашим брендом.Какие цвета лучше всего поддерживают это? Выбранные вами цвета, вероятно, будут иметь жизнь не только в логотипе — они могут появиться на вашем веб-сайте, визитках и т. Д.
Добавление цветовой схемы с помощью средства создания логотипов Canva
Хотите избавиться от тяжелой работы при разработке логотипа? Попробуйте создатель логотипов Canva.
Написано
Амелией Маршалл
Рекомендовано для вас
Воплотите свои идеи в жизнь за считанные минуты.
Выразите себя с помощью самой простой в мире программы дизайна.
Навигация по нижнему колонтитулу
© 2021 Все права защищены, Canva ®
10 секретов вдохновения цветов, о которых знают только дизайнеры
Цвет — неотъемлемый элемент хорошего дизайна. С таким количеством психологии и эмоций, связанных с выбранными вами оттенками, может быть сложно подобрать цветовую палитру при дизайне. Ниже мы перечисляем 10 секретов цветового вдохновения, чтобы вы могли каждый раз получать идеальное сочетание цветов.
Мы знаем, что определенные оттенки могут вызывать различные эмоции, ассоциации и реакции, влияющие на восприятие вашего бренда. Проще говоря, выбор цвета может создать или испортить дизайн. Фактически, исследования показали, что цвет может повысить узнаваемость бренда до 80%, память, взаимодействие с элементом дизайна и понимание текста, поэтому при выборе цветовой комбинации для вашего дизайна (особенно вашего логотипа!) Вы должны убедиться, что что вы говорите что-то выбранными вами цветами.
К счастью, мы далеки от того времени, когда наш выбор цвета ограничивался небольшой партией натуральных пигментов.Наши варианты больше не включают те цвета, которые предлагали минералы, животные и растения. При таком огромном количестве цветовых вариантов выбор палитры для дизайн-проекта стал, мягко говоря, мучительным. Сообщество Colourlovers проиндексировало около 8 миллионов названных пользователем цветов, при этом существует более 16 миллионов возможных шестнадцатеричных цветовых комбинаций.
Несмотря на то, что существует бесконечный выбор цветов, при разработке рекомендуется придерживаться трех или четырех цветов.Это создаст цветовую палитру, с которой вы будете работать.
01. Захватывайте вдохновение в дороге.
В поисках вдохновения для цветовой комбинации Калли Хегстром, талантливый дизайнер Make Media, предлагает делать фотографии красивых цветов: «Я делаю фотографии великолепных цветовых схем (например, цветов или закатов), а затем пробую эти цвета. прямо в Photoshop или Illustrator. Это также отличный способ сопоставить текст или графику с любой фотографией, с которой вы работаете, чтобы ваша работа была целостной.”
Итак, если у вас есть фотография с понравившейся вам цветовой схемой, используйте образцы цветов прямо с нее, чтобы получить быструю, простую и эффективную палитру. Такие инструменты, как Photocopa, делают эту технику еще проще. Просто загрузите свое изображение, исследуйте различные оттенки, из которых оно состоит, и быстро создайте потрясающую цветовую палитру.
02. Используйте цветовое колесо
Этот совет работает практически со всем остальным, о чем вы можете подумать. Поиграйте с аналогичными цветовыми схемами, чтобы добавить тени к заголовкам или границы к фону.Эти цвета обычно хорошо сочетаются, потому что они тесно связаны. Находите уникальные комбинации, просто сопоставляя цвета с их соседями на колесе!
Но если вы не хотите разбираться в этих схемах вручную, не бойтесь, потому что в вашем распоряжении множество онлайн-инструментов, которые помогут вам определить друзей и любителей ваших любимых цветов.
03. Вдохновляйтесь дизайном интерьера
Различные области дизайна имеют общие проблемы при работе с цветом.Например, дизайнеры интерьеров должны гармонизировать пространство, используя текстуры, объекты и цветовые схемы, которые хорошо сочетаются друг с другом.
В этой связи британский дизайнер Елена Генова (из MyCreativeLand) дает несколько важных советов. «Мне нравится правило дизайна интерьера, которое в значительной степени применимо и к графическому дизайну: 60% — доминирующий цвет, 30% — второстепенный цвет, 10% — цвет акцента. Если вы хотите ввести четвертый (и так далее) цвет, разделите вторичный цвет (или, возможно, доминирующий, но не акцентный).»
04. Создание цветных досок настроения
« Каждый раз, когда я вижу картинку или фотографию с цветами, которые мне нравятся или которые кажутся мне действительно хорошими, я снимаю скриншоты или прикрепляю их на потом. Затем, когда приходит время найти хорошую цветовую палитру, я просматриваю все свои сохраненные изображения в поисках вдохновения и всегда нахожу что-то подходящее ».
Vanilla Frosting, один из лучших шрифтов Ники, содержит это красочное изображение, вдохновленное пекарнями.
Позвольте себе искать вдохновение в палитре где угодно — в современном дизайне или историческом искусстве; в сетевых или печатных источниках.
Вероятно, вы знаете о пользе таких сайтов, как Pinterest, которые позволяют сохранять и каталогизировать все виды цифровых палитр. Но как насчет физических источников вдохновения?
Дизайнер и автор книги «Steal Like An Artist», Остин Клеон, является большим сторонником «swipe file» — записной книжки или папки, куда вы можете наклеить вдохновляющие образцы дизайна и цвета, которые вам нравятся. Так что, если вы когда-нибудь читали журнал, брали в руки классную брошюру или как в спаме использовали цвет в своем оформлении, вставьте его в файл.Затем, когда вы пытаетесь разработать красивую палитру, откопайте папку смахиванием и пролистайте. Мгновенное вдохновение цвета!
05. Используйте образцы цвета
Иногда при выборе цветовой комбинации цифровое цветовое колесо просто не подрезает ее. Отойти от экрана и вместо этого взглянуть на образец физического цвета может быть невероятно вдохновляющим, и это именно то, что предоставляют наборы Pantone.
Дизайнер Калли Хегстром открывает свой верный набор цветов Pantone Color Bridge всякий раз, когда хочет подобрать цвета по старинке.Она объясняет, что «иногда хорошо иметь физический справочник, который не полагается только на цвета на экране. Это также полезно, если у клиента есть очень конкретная потребность в цвете и он хочет увидеть физические образцы ».
06. Цвета природы
Наши глаза привыкли восхищаться естественными цветовыми решениями. Если вы черпаете вдохновение из окружающей среды, — предлагает Гэри из CO-OP, — «цветовые комбинации бесконечны». Пейзажи, листва, фрукты — все естественное может быть удивительным, доступным и бесплатным источником цветового вдохновения.Гэри занимается дизайном в Южной Африке, где он построил свой интернет-магазин и постоянно находится под влиянием яркого южноафриканского солнца. Цвета теплые и яркие ».
07. Придерживайтесь трех или четырех цветов.
Если вы не хотите целенаправленно создавать эффект радуги, избегайте чрезмерного сочетания цветов. Родриго Герман, чилийский графический дизайнер, рекомендует использовать три цвета, чтобы ваша графика выглядела чистой и не слишком подавляющей. При использовании более трех он предлагает добавить текстуры, чтобы смягчить некоторые из этих дополнительных цветов.
08. Подберите цвет к настроению вашей темы
Обдумайте тему, которую вы пытаетесь изобразить в своем дизайне. Это спорт, мода, красота или бизнес? Затем подумайте о конкретном настроении, которое вы хотели бы связать с этим занятием. Это симпатичный модный флаер или агрессивный спортивный буклет? Женственно, весело, серьезно или элегантно?
Саломея, дизайнер Graphic Box, предлагает дать приблизительное определение цветовой темы, прежде чем вы продолжите работу над деталями.«Например:« Мне нужен романтический фиолетовый »или« Мне нужен милый розовый »».
Посмотрите фотографии, рисунки и любые другие творческие источники, которые отражают те же тона, идеи и эмоции, которые вам нужны для своего дизайна. Что общего? Какие отличия?
Еще один хороший способ усилить эффект и силу вашего выбора цвета — это познакомиться с теорией цвета. Проведите небольшое исследование, прочтите несколько исследований и выясните, что некоторые общие цвета могут сделать с людьми психологически и подсознательно при правильном использовании.Помните: цвета, выбранные с определенной целью и разумом, часто могут быть самыми эффективными!
09. Найдите в Pinterest тематические палитры
10. Следите за сайтами для любителей цвета
Paletton — The Color Scheme Designer
Влюблен в цвета, с 2002 года.
- Приложение Paletton
- Colorpedia
- О компании Paletton
- О компании Paletton
Палеттон.com — это дизайнерский инструмент цвета, предназначенный для создания цветовых комбинаций, которые хорошо сочетаются друг с другом. Он использует классическую теорию цвета с древним художественным цветовым кругом RYB для создания цветовых палитр от одного до четырех оттенков, каждая из пяти разных оттенков. Можно выбрать различные стили предварительного просмотра, чтобы проверить и просмотреть цвета в комбинациях, доступно множество примеров, чтобы увидеть палитру, используемую в дизайне веб-сайта, дизайне пользовательского интерфейса или в произвольно нарисованном изображении. Предварительный просмотр ткани Tartan также доступен для тех, кто интересуется текстилем и дизайном интерьера.
Этот инструмент палитры использует различные цветовые модели для объединения смежных цветов и / или дополнительных цветов к основному оттенку. Выбирайте модели от монохромных до трехцветных или четырехцветных наборов цветов, с дополнением или без него (противоположный оттенок), наслаждайтесь даже режимом свободного стиля. Поиграйте с яркостью и насыщенностью палитры, выберите из предустановленных предустановок или создайте случайные палитры. Уникальный фильтр имитации зрения имитирует палитру, которую видят люди с различной слабостью зрения, дальтонизмом, различными вариантами дальтонизма (протанопия, дейтеранопия, тританопия, протаномалия, дейтераномалия, тританомалия, дисхроматопсия или ахроматопсия), а также несколько гамма-симуляций (симуляция слишком яркого дисплея или слишком темной печати), обесцвечивания, преобразования оттенков серого или веб-цветов (устаревшая 216-цветная палитра).Палитру можно экспортировать во множество различных форматов (HTML, CSS, LESS, XML, текст, изображение PNG, палитра образцов Photoshop ACO или формат палитры GIMP GPL) для раскрашивания ваших работ. Проверьте цветовой контраст всех цветовых пар, используемых в палитре, и проверьте, соответствует ли цветовой контраст требованиям WCAG. Подробнее о цветах в Colorpedia.
Paletton является преемником предыдущего приложения Color Scheme Designer 3, которым с 2009 года пользуются почти 20 миллионов посетителей (в то время как первая версия была опубликована в 2002 году), как профессиональных дизайнеров, так и любителей, интересующихся дизайном, дизайном мобильных или настольных приложений или веб-дизайном. дизайн интерьера, мода или обустройство дома и переделки.Полная история Paletton в Colorpedia.
Javascript не обнаружен. Для этого приложения требуется Javascript.
Основы теории цвета
Теория цвета — это одновременно наука и искусство использования цвета. Он объясняет, как люди воспринимают цвет; и визуальные эффекты того, как цвета смешиваются, сочетаются или контрастируют друг с другом. Теория цвета также включает сообщения, которые передают цвета; и методы, используемые для воспроизведения цвета.
В теории цвета цвета организованы на цветовом круге и сгруппированы в 3 категории: основные цвета, вторичные цвета и третичные цвета. Подробнее об этом позже.
Via unsplashТак почему же вам, как предпринимателю, должна быть интересна теория цвета? Почему нельзя просто нанести немного красного на упаковку и покончить с этим? Это сработало для Coke, верно?
Теория цвета поможет вам построить свой бренд. И это поможет вам увеличить продажи. Посмотрим, как все это работает.
Понимание цвета
—
Люди решают, нравится им продукт или нет, за 90 секунд или меньше.90% этого решения основано исключительно на цвете.
Цвет — это восприятие. Наши глаза что-то видят (например, небо), и данные, передаваемые нашими глазами в мозг, говорят нам, что это определенный цвет (синий). Объекты отражают свет в различных комбинациях длин волн. Наш мозг улавливает эти комбинации длин волн и преобразует их в явление, которое мы называем цветом.
Когда вы прогуливаетесь по проходу с безалкогольными напитками, просматриваете полки, заполненные 82 миллионами банок и бутылок, и пытаетесь найти свою упаковку из шести банок кока-колы, что вы ищете? Скрипичный логотип или баночка того знакомого красного цвета?
Люди решают, нравится им продукт, за 90 секунд или меньше.90% этого решения основано исключительно на цвете. Итак, очень важная часть вашего брендинга должна быть сосредоточена на цвете.
RGB: модель аддитивного смешения цветов
Аддитивное смешение цветов. Если вам (как и мне) сложно понять, как красный и зеленый смешиваются вместе, образуя желтый, посмотрите это видео на YouTube.Люди видят цвета в световых волнах. Смешивание света — или модель аддитивного смешения цветов — позволяет создавать цвета, смешивая красный, зеленый и синий источники света различной интенсивности.Чем больше света вы добавите, тем ярче станет цветовое сочетание. Если смешать все три цвета света, получится чистый белый свет.
Телевизоры, экраны и проекторыиспользуют красный, зеленый и синий (RGB) в качестве основных цветов, а затем смешивают их вместе для создания других цветов.
Зачем вам это нужно?
Допустим, у вас есть очень заметный бренд с ярко-желтым логотипом. Если вы разместите логотип на Facebook, Twitter или на своем веб-сайте и не используете правильный цветовой процесс, ваш логотип будет выглядеть мутным, а не ярко-желтым.Вот почему при работе с файлами для любого экрана используйте RGB, а не CMYK.
CMYK: модель субтрактивного смешения цветов
Для любого цвета, который вы видите на физической поверхности (бумага, вывески, упаковка и т. Д.), Используется модель субтрактивного смешения цветов . Большинство людей лучше знакомы с этой цветовой моделью, потому что это то, чему мы научились в детском саду, смешивая краски для пальцев. В этом случае «субтрактивный» просто относится к тому факту, что вы вычитаете свет из бумаги, добавляя больше цвета.
Вычитающее смешение цветов очень похоже на смешение красок, которое мы делали в начальной школе. Это видео отлично визуализирует «вычитающую» часть.Традиционно основными цветами, используемыми в процессе вычитания, были красный, желтый и синий, поскольку художники смешивали эти цвета, чтобы получить все остальные оттенки. С появлением цветной печати они были впоследствии заменены голубым, пурпурным, желтым и ключевым / черным (CMYK), поскольку это сочетание цветов позволяет принтерам печатать на бумаге более широкий спектр цветов.
Зачем вам это нужно?
Вы решили напечатать полноцветную брошюру. Если вы вкладываете все эти деньги в маркетинг (печать — это не дешево!), Вы ожидаете, что ваш принтер будет печатать правильные цвета.
Поскольку при печати используется метод субтрактивного смешения цветов, точная цветопередача может быть достигнута только с использованием CMYK. Использование RGB приведет не только к неточной цветопередаче, но и к большому счету от вашего принтера, когда вы будете вынуждены попросить их перепечатать весь тираж.
Цветовой круг
—
Не знаю, как вы, но когда я был ребенком, самое лучшее в осеннем возвращении в школу было получение этой новой, нетронутой коробки с 64 пунктами мелков Crayola. Возможности казались безграничными. Пока я неминуемо потеряю черный карандаш.
Понимание цветового круга и цветовых гармоний (что работает, а что нет и как цвет передается) так же увлекательно, как и эта новая коробка с мелками. Нет, правда.
Умение понимать термины и процессы, связанные с цветом, поможет вам со знанием дела передать свое видение дизайнеру, печатнику или даже (возможно) гению из Apple Store.
Основы цветового круга
Первое цветовое колесо было разработано сэром Исааком Ньютоном в 1666 году, поэтому оно появилось еще до того, как вы познакомились с ним в детском саду. Художники и дизайнеры до сих пор используют его для разработки цветовых гармоний, смешивания и палитры.
Цветовой круг состоит из трех основных цветов (красный, желтый, синий), трех вторичных цветов (цвета, созданные при смешивании основных цветов: зеленый, оранжевый, фиолетовый) и шести третичных цветов (цвета, полученные из основных цветов). и вторичные цвета, такие как сине-зеленый или красно-фиолетовый).
Проведите линию через центр колеса, и вы отделите теплый цвет (красный, оранжевый, желтый) от холодных цветов (синий, зеленый, пурпурный).
Теплые цвета обычно ассоциируются с энергией, яркостью и действием, тогда как холодные цвета часто ассоциируются со спокойствием, умиротворением и безмятежностью.
Когда вы узнаете, что цвет имеет температуру, вы можете понять, как выбор всех теплых или всех холодных цветов в логотипе или на вашем веб-сайте может повлиять на ваше сообщение.
Оттенок, оттенок, оттенок и тон
Давайте вернемся к пачке из 64 цветных карандашей из нашего первого дня в школе. (Помните «сырую умбру»? Что такое умбра, и действительно ли она лучше сырая, чем приготовленная?) В любом случае, вам может быть интересно, как мы перешли от двенадцати цветов на нашем первоначальном цветовом круге к всем этим мелкам? Вот здесь-то и появляются оттенки, оттенки и тона.
Проще говоря, оттенки, тона и оттенки являются вариациями оттенков или цветов на цветовом круге. Оттенок — это оттенок, к которому был добавлен белый цвет.Например, красный + белый = розовый. Оттенок — это оттенок, к которому был добавлен черный цвет. Например, красный + черный = бордовый. Наконец, тон — это цвет, к которому были добавлены черный и белый (или серый). Это затемняет исходный оттенок, делая цвет более тонким и менее интенсивным.
Цветовые схемы
Давайте поговорим о схемах … (И не о тех, которые придумывают злодеи из мультфильмов. Бвахаха!) Мы говорим о цветовых схемах. Используя цветовое колесо, дизайнеры разрабатывают цветовую схему маркетинговых материалов.
Дополнительные цвета
Дополнительные цвета — это противоположности на цветовом круге, например красный и зеленый.
Дизайн логотипа для Pepper Poweredот Wiell. Поскольку между двумя цветами существует резкий контраст, они действительно могут сделать изображения яркими, но чрезмерное их использование может стать утомительным. Подумайте о любом торговом центре в декабре. При этом использование дополнительной цветовой схемы в вашем бизнес-маркетинге обеспечивает резкий контраст и четкое различие между изображениями.
Аналогичные цвета
Аналогичные цвета располагаются рядом друг с другом на цветовом круге — например, красный, оранжевый и желтый.При создании аналогичной цветовой схемы один цвет будет преобладать, один поддерживать, а другой — акцентировать. В бизнесе аналогичные цветовые схемы не только радуют глаз, но и могут эффективно указывать потребителю, где и как действовать.
На сайте Tostitos используется аналогичная цветовая схема. Обратите внимание, что ярко-оранжевая панель навигации привлекает внимание к сайту, а выделенные с помощью акцента ссылки внизу направляют голодных потребителей на страницу «Купить в Интернете».
Триадические цвета
Триадных цвета равномерно распределены по цветовому кругу и имеют тенденцию быть очень яркими и динамичными.
Использование трехцветной цветовой схемы в маркетинге одновременно создает визуальный контраст и гармонию, выделяя каждый элемент и делая общий образ ярким.
Burger King довольно удачно использует эту цветовую схему. Эй, уже обед?
Но на самом деле, зачем вам теория цвета?
Два слова: брендинг и маркетинг.
Нет, постой, три слова: брендинг, маркетинг и продажи.
Обладая базовыми знаниями о цветах и цветовых схемах, вы готовы принимать эффективные решения по брендингу.Какого цвета должен быть ваш логотип. Или эмоции, которые цвета вызывают у потребителя, и психологию выбора цвета на вашем веб-сайте.
Думаете, это неважно? Взгляните на эту статью о цветовых комбинациях из ада. Просто больно.
Знание теории цвета не только поможет вам в вашем собственном маркетинге, но и поможет лучше понять, что делают ваши конкуренты.
При параллельном сравнении трех веб-страниц юридических фирм вы заметите множество аналогичных цветовых схем.Синий обычно ассоциируется с надежностью, коричневый — с мужественностью, а желтый — с компетентностью и счастьем. Все это положительные ассоциации в области, которая стереотипно имеет отрицательные коннотации, такие как нечестность или агрессия.
Сделать ваш бренд заметным и привлекательным для вашей цели, а также понять, что плохие цвета могут означать низкие продажи — , , почему вам следует заботиться о теории цвета.
Нужна помощь в продвижении вашего бизнеса?
Наши дизайнеры могут создать идеальный образ для вашего бренда.
Эта статья была первоначально написана Петером Вуковичем и опубликована в 2012 году. Текущая версия была дополнена новой информацией и примерами.
Понимание цветовых схем и выбор цветов для вашего веб-сайта
Выбор эффективной цветовой схемы для веб-сайта вашей компании может быть трудным решением. Однако, изучив основы теории цвета и поэкспериментировав с цветовыми инструментами, доступными в Интернете, вы сможете самостоятельно выбирать гармоничные цветовые схемы и палитры!
Так что же такое теория цвета? Теория цвета основана на главном руководстве по смешиванию цветов и визуальному эффекту определенной цветовой комбинации с использованием цветового круга.Традиционный цветовой круг, называемый цветовым кругом, основан на красном, желтом и синем. Но с годами цветовой круг превратился в цветовое колесо, которое представляет более широкий диапазон цветов и, что более важно, взаимосвязь между первичными, вторичными и третичными цветами.
- Основные цвета состоят из 3 пигментов: красного, желтого и синего. Они не могут быть смешаны или образованы любой комбинацией любого цвета. Но все остальные цвета возникают в результате смешения этих цветов.
- Дополнительные цвета — зеленый, оранжевый и фиолетовый.Они образуются путем смешивания основных цветов.
- Третичные цвета — желто-оранжевый, красно-оранжевый, красно-фиолетовый, сине-фиолетовый, сине-зеленый и желто-зеленый. Они образуются путем смешивания основного и второстепенного цветов.
С помощью цветового круга мы также можем определять гармоничные цветовые сочетания с любыми 2, 3 или 4 цветами. Эти гармоничные цветовые комбинации называются цветовыми схемами и состоят из монохроматических, аналогичных, дополнительных, разделенных дополнительных, триадных и тетрадических.
- Монохроматическая цветовая схема состоит из оттенков, тонов и оттенков одного оттенка.
- Аналогичная цветовая схема — это группа из 3 цветов, которые расположены рядом друг с другом на цветовом круге.
- Дополнительная цветовая схема состоит из двух цветов, которые расположены напротив друг друга на цветовом круге.
- Сплит-дополнительная цветовая схема — это вариант дополнительной цветовой схемы, в которой используются 2 цвета, смежные с ее дополнительными.
- В цветовой схеме Triadic используются цвета, равномерно распределенные по цветовому кругу.
- В цветовой схеме Tetradic используются 4 цвета, объединенные в 2 дополнительные пары.
Чтобы лучше понять теорию цвета, вам также потребуется разбираться в теплых и холодных цветах. Теплые цвета — это желтый и красный цветовой спектр, которые передают счастье и энергию. Холодные цвета — это синие и зеленые оттенки цветового спектра, которые передают спокойствие и умиротворение.Само цветовое колесо можно легко разделить, чтобы определить, где начинаются и заканчиваются теплые и холодные цвета.
Теперь, когда у вас есть базовое понимание теории цвета, вы можете начать экспериментировать с инструментами цвета, доступными в Интернете! Я собрал список отличных инструментов, которые помогут вам улучшить выбор цветовой схемы.
Онлайн-генераторы цветовых схем
Охлаждение
Coolors — это супер простой и быстрый генератор цветовых схем. Генератор загружает 5 гармоничных цветов для создания новой цветовой схемы.Если вам не нравится то, что получается, просто нажмите клавишу пробела и пролетите сквозь бесконечные цветовые возможности.
Adobe Kuler
Adobe Kuler имеет несколько приятных функций. Вы можете просматривать уже созданные цветовые схемы, сортируя темы или выполняя поиск по ключевым словам. Вы также можете создать свою собственную цветовую схему, используя цветовое колесо. Это замечательно, если вы имеете в виду цвет и ищете дополнительные цвета или другие цветовые правила.
Плоские цвета пользовательского интерфейса
Поскольку Flat UI является одной из самых популярных тенденций, этот веб-сайт гарантирует, что вы выберете самые популярные цвета Fat UI. Вам нужно быть осторожнее с тем, какие цвета вы сочетаете вместе. Но в любом случае большинство этих цветов отлично смотрятся вместе!
Дизайнер цветовых схем 3
Color Scheme Designer 3 — отличный дизайнерский инструмент для создания цветовых комбинаций, которые хорошо сочетаются друг с другом.Этот инструмент отлично подходит для генерации случайного цвета, но еще лучше, когда вы имеете в виду этот конкретный цвет. Этот инструмент поможет вам придумать гармоничную цветовую схему, подходящую к любому цвету!
Pictaculous
Pictaculous — это генератор цветов, который позволяет извлекать палитру цветов из любого изображения. Этот инструмент отлично работает, когда вы имеете в виду картинку, но не знаете, какие цвета подобрать к ней.