Опубликовано 18 сервисов для подбора цветов и палитры
Мы в Telegram
В канале «Маркетинговые щи» только самое полезное: подборки, инструкции, кейсы.
Не всегда на серьёзных щах — шуточки тоже шутим =)
Подписаться
Станьте email-рокером 🤘
Пройдите бесплатный курс и запустите свою первую рассылку
Подробнее
Грамотно подобранная палитра для сайта, логотипа, презентации — уже половина успеха. От выбора цветов зависит визуальное представление проекта, то, как его будут воспринимать пользователи. Но поиск удачных сочетаний требует специальных знаний и навыков. Упростить работу помогают специальные генераторы.
Почему важно правильно подбирать цвета
Зрительное восприятие — основной источник получения информации. В первые полторы минуты мы оцениваем внешний вид, форму и цвет — так возникает первое впечатление. При этом до 90% впечатлений основаны на восприятии цветов.
Цвета влияют на поведение, настроение и эмоции. Например, покупатель может подсознательно решиться на покупку за доли секунды, просто потому что ему понравилось сочетание оттенков. По статистике, цвет влияет на 85% решений о покупке. При этом 93% покупателей обращают внимание только на внешний вид.
Когда пользователь заходит на сайт, сначала ему в глаза бросается дизайн и цветовое решение. Уже с первых минут посетитель может принять решение, остаться на странице или закрыть её. Это зависит от того, вызывает ресурс положительные эмоции или отрицательные, какие ассоциации возникают при просмотре конкретной цветовой гаммы. Применение цветов в онлайн- и офлайн-проектах основано на теории и психологии цвета, которые изучают гармоничные сочетания и эмоциональное восприятие цветов.
Есть много разных подходов к работе с цветом. Для профессионального подбора палитры нужно учитывать огромное количество факторов. Например, Институт цвета Pantone (Pantone Color Institute) ежегодно анализирует глобальные тренды, модные показы, социальные сети, кинематограф и выставки современного искусства, чтобы выбрать цвет года.
Сейчас для выбора цветовой гаммы не обязательно привлекать специалистов или проводить масштабные и длительные исследования. Есть специальные сервисы с функцией подбора цветов, готовыми палитрами или возможностью создать собственное решение.
Генераторы цветовых палитр
Генератор цветовой палитры или цветовое колесо — это программа на основе 12 основных цветов на цветовом круге. Такой инструмент помогает создать определённую палитру вокруг выбранного цвета или оттенка. Получается гармоничное сочетание, которое можно использовать в веб-дизайне, полиграфических материалах и других дизайнерских проектах.
Я собрала 18 сервисов, которые помогают найти подходящее цветовое сочетание для любого проекта. Рассказываю, как они работают, чем отличаются и для каких задач подходят.
| Что нужно сделать | Какой сервис подходит |
| Сгенерировать палитру автоматически | Coolors Paletton Adobe Color CC My Brand New Logo Seo Checker: Color palette and schemes generator ColorScheme Color-Wizard ColorSpace Colormind CopyPalette Color Grid |
| Создать палитру вручную | Color Hunt |
| Выбрать готовую палитру | In Color Balance Color Hunt Palette Generator Brand Colors |
| Посмотреть сочетание белого шрифта с фоном выбранного цвета | Get UI Colors |
| Подобрать фотографии в нужной цветовой гамме на Flickr | Multicolr Tineye |
| Найти изображения по цвету на Shutterstock | Shutterstock Spectrum |
Coolors
Сайт. https://coolors.co/Версии для работы. Веб-версия, iOS- и Android-приложения, плагин для Figma, расширение Chrome, расширение Adobe. Стоимость. Бесплатно с ограничениями, про-версия — $3 в месяц. Язык интерфейса. Английский. |
Coolors позволяет изучить трендовые палитры или создать свою собственную. Для начала работы нужно запустить генератор, кликнув на кнопку старта, — откроется рандомная палитра. Можно сохранить цвета, скопировать код оттенка или экспортировать палитру. Чтобы вызвать другую схему достаточно нажать на пробел.
При помощи дополнительных настроек можно настраивать цвета, создавать градиенты, извлекать цвета из фотографий и прочее.
Кроме веб-сервиса, у Coolors есть мобильные приложения, расширение для Chrome и Adobe, плагин для Figma.
В бесплатной версии можно создавать палитры до пяти цветов, использовать готовые схемы, сохранять до пяти цветов и десяти палитр. Про-версия без рекламы обойдётся в $3 в месяц.
Она значительно расширяет функционал и пригодится тем, кто ежедневно работает с цветами.
Paletton
| Сайт. https://paletton.com Версии для работы. Веб-версия. Стоимость. Бесплатно + донаты по желанию. Язык интерфейса. Английский, чешский. |
Сервис Paletton умеет создавать палитры на основе цветового круга и выбранного оттенка. При этом можно использовать разные схемы. Можно выбрать базовый оттенок и тип схемы, настроить насыщенность, яркость и контрастность.
Клик по любому тону на схеме откроет окошко с подробной информацией о цвете. Можно посмотреть, как будут видеть схему люди с разным типом зрения или при разных условиях. После выбора подходящей палитры доступны примеры веб-страниц в похожей гамме. Готовую схему можно открыть в виде таблицы с описанием каждого цвета, а потом экспортировать в подходящем формате.
Весь функционал сервиса доступен бесплатно. Есть возможность отправки донатов, но только по добровольному желанию пользователя.
Adobe Color CC
| Сайт. https://color.adobe.com/ru/create/color-wheel Версии для работы. Веб-версия. Стоимость. Бесплатно — базовый функционал. Дополнительные возможности при авторизации с Adobe ID. Язык интерфейса. Русский, английский + ещё 17 языков. |
Сервис помогает создать палитру с учётом выбранного правила гармонии цветов и цветового режима. Основной цвет можно выбрать на круге или указать код вручную, а потом — скопировать коды цветов. Плюс работы с продуктами Adobe: после входу в систему можно сохранить палитру в Creative Cloud и потом использовать её в Photoshop, Illustrator, Fresco и других сервисах Adobe.
Ещё из интересных возможностей сервиса:
- проверка контрастности;
- проверка сочетания фона, текста и графики;
- извлечение палитры и градиентов из загруженных изображений;
- просмотр готовых палитр и копирование их содержимого.
Перед началом работы можно подробно изучить текущие тренды — в Adobe Color CC для этого есть целый раздел.
Color Hunt
| Сайт. https://colorhunt.co/ Версии для работы. Веб-версия, расширение для Chrome. Стоимость. Бесплатно. Язык интерфейса. Английский. |
При изучении Color Hunt мне показалось, что создавать палитру здесь не очень удобно — подбирать цвета надо вручную, и без профессиональных навыков здесь не обойтись. Но сервис предлагает огромную библиотеку готовых палитр. Это поможет, если вы пока не понимаете, какую цветовую схему хотите, и вам нужно посмотреть разные варианты.
Среди готовых схем в Color Hunt можно посмотреть популярные, новые или случайные, а также выбрать направление гаммы. Палитры, которые понравились, можно добавить в свою коллекцию и вернуться к ним позднее. Чтобы увидеть описание использованных оттенков и скопировать их, просто кликните на схему.
А ещё у Color Hunt есть расширение для Chrome, которое показывает случайную палитру из лучших коллекций при каждом открытии новой вкладки.
In Color Balance
| Сайт. http://color.romanuke.com/ Версии для работы. Веб-версия. Стоимость. Бесплатно. Язык интерфейса. Русский, английский, немецкий, испанский, польский, французский. |
Этот сайт — персональное творчество дизайнера, колориста и фотографа Alex Romanuke. Все представленные палитры подобраны им вручную. При этом для каждой схемы показывается фотография в соответствующих оттенках — это классно иллюстрирует сочетание цветов на примере реального проекта.
Самостоятельно создать палитру здесь не получится, но можно выбрать что-то из готовых вариантов. Это работает так: укажите один-два цвета или параметры схемы (тёплые, холодные, пастельные или контрастные тона) — и система сама подберёт подходящие варианты. Клик по схеме откроет страницу выбранной палитры с описанием и кодами оттенков.
My Brand New Logo
| Сайт. https://mybrandnewlogo.com/ru/generator-cvetovoi-palitry Версии для работы. Веб-версия. Стоимость. Бесплатно. Язык интерфейса. Русский, английский + ещё 16 языков. |
Сервис My Brand New Logo от одноимённого производителя логотипов предлагает компьютерный подбор схемы. Генератор автоматически выбирает цвета, которые хорошо сочетаются. От пользователя требуется лишь указать вид цветов — яркие, винтажные, серые, гладкие.
В палитре, которая понравилась, можно скопировать код каждого оттенка по отдельности или получить код CSS для использования в своих веб-проектах.
Seo Checker: Color palette and schemes generator
| Сайт. https://seochecker.it/color-palette-generator Версии для работы. Веб-версия. Стоимость. Бесплатно. Язык интерфейса. Английский. |
Этот генератор палитр и схем работает на основе указанного пользователем цвета.
Можно ввести код нужного оттенка или выбрать цвет. После запуска инструмент создаст несколько схем. Каждая из них основана на сочетании цветов по кругу Иттена: триадная, тетрадная, монохроматическая, аналогичная, дополнительная, раздельная комплементарная. Как с ними работать в вручную, мы писали в отдельной статье.
После генерации палитр Seo Checker покажет описание основного цвета и его градации — как схема будет выглядеть при разных параметрах насыщенности, контрастности, яркости. Коды полученных цветов можно скопировать.
ColorScheme
| Сайт. https://colorscheme.ru/ Версии для работы. Веб-версия. Стоимость. Бесплатно. Язык интерфейса. Русский. |
Инструмент создаёт палитру на основе цветов, которые пользователь выбирает на цветовом круге. При этом доступно много настроек: выбор цветовой схемы и цветовой модели, настройка оттенка, проверка видимости палитры при разных типах зрения.
После генерации схему можно скорректировать вручную.
В готовой палитре можно открыть список цветов и поделиться ссылкой на постоянный адрес схемы. Есть возможность проверить, как на фоне выбранного цвета будет выглядеть текст.
Дополнительные возможности ColorScheme:
- просмотр примеров светлой и тёмной страницы в выбранной палитре;
- каталог цветов — можно посмотреть название и код понравившегося оттенка;
- отдельный каталог с названием автомобильных красок и именами цветов в HTML.
Довольно широкий функционал позволяет использовать сервис для разных онлайн- и офлайн-проектов, связанных с дизайном.
Color-Wizard
| Сайт. http://www.colorsontheweb.com/Color-Tools/Color-Wizard Версии для работы. Веб-версия. Стоимость. Бесплатно. Язык интерфейса. Английский. |
Простой генератор для быстрого создания цветовых схем.
Просто выберите нужный цвет или укажите его код. За несколько секунд система сгенерирует несколько популярных схем и возможные вариации оттенков. Для каждого цвета будет прописан код.
Если вы не знаете код нужного основного цвета, а вручную подобрать не получается, зайдите в раздел «Цвета в интернете». Здесь можно найти подходящий вариант, скопировать его код и вставить в генератор.
Palette Generator
| Ссылка на сайт. https://palettegenerator.colorion.co/ Версии для работы. Веб-версия. Стоимость. Бесплатно. Язык интерфейса. Английский. |
Максимально простой генератор с узким функционалом. Palette Generator рандомно создаёт цветовые палитры при нажатии на пробел. Чтобы скопировать код, нужно просто кликнуть по нему или соответствующему цвету.
ColorSpace
| Ссылка на сайт. https://mycolor.space/ Версии для работы. Веб-версия. Стоимость. Бесплатно. Язык интерфейса. Английский. |
Для создания палитры в ColorSpace достаточно указать цвет или его код — и запустить генерацию. Система сформирует 25 палитр по разным схемам на основе указанного цвета. Для каждого оттенка в палитре указан код. Также в сервисе можно создавать двух- и трёхцветные градиенты из выбранных цветов.
Colormind
| Ссылка на сайт. http://colormind.io/bootstrap/ Версии для работы. Веб-сервис. Стоимость. Бесплатно. Язык интерфейса. Английский. |
Colormind помогает подобрать оптимальные цвета для веб-сайта. Можно запустить рандомную генерацию или выбрать и закрепить основной цвет, а система подберёт подходящие оттенки.
Главная особенность сервиса — можно сразу посмотреть пример веб-страницы в созданной палитре. При этом по каждому цвету даются рекомендации, как его использовать и для каких целей.
CopyPalette
| Сайт. https://copypalette.app/ Версии для работы. Веб-версия. Стоимость. Бесплатно. Язык интерфейса. Английский. |
CopyPalette генерирует монохромную палитру на основе выбранного базового цвета. Дополнительно можно настроить контрастность и указать количество вариаций цветов.
В созданной схеме HEX-код каждого цвета копируется по отдельности. Или готовую палитру можно скопировать в SVG и добавить Figma или Sketch для дальнейшего использования в дизайне.
Дополнительные сервисы для работы с цветом
В некоторых случаях создание полноценной цветовой палитры не требуется, но есть другие задачи по работе с цветом. Например, найти понравившийся оттенок или подобрать фото, подходящее к вашей палитре. Вот несколько полезных сервисов.
Color Grid
| Сайт. https://0to255.com/ Версии для работы. Веб-сервис. Стоимость. Язык интерфейса. Английский. |
Бесплатно. Простой инструмент для поиска оттенков. Для работы с сервисом нужно выбрать цвет на главной странице вручную или указать его код. Клик на нужный оттенок откроет полную схему с отображением цветов и кодов.
Brand Colors
| Ссылка на сайт. http://brandcolors.net/ Версии для работы. Веб-сервис. Стоимость. Бесплатно. Язык интерфейса. Английский. |
Здесь можно посмотреть фирменные цвета известных компаний. Список брендов с удобной поисковой строкой доступен на сайте.
Все цветовые схемы, которые показывает сервис, можно скопировать простым кликом или скачать в разных форматах.
Get UI Colors
| Сайт. http://getuicolors.com/ Версии для работы. Веб-версия. Стоимость. Бесплатно. Язык интерфейса. Английский. |
Get UI Colors помогает проверить, как будет выглядеть текст белого цвета на цветном фоне.
Для этого просто выберите цвет и кликните на кнопку, чтобы посмотреть результат.
Multicolr Tineye
| Сайт. https://labs.tineye.com/multicolr/ Версии для работы. Веб-версия Стоимость. Бесплатно — пробная версия, лицензия — от $200 в месяц. Язык интерфейса. Английский. |
Инструмент помогает подбирать фото по цветам среди 20 млн. изображений с Flickr.
Для запуска сервиса выберите до пяти цветов, дополнительно можно указать теги. Система покажет изображения в подходящей цветовой гамме. При клике по фото открывается окошко с названием и кратким описанием. Клик по названию перенаправит на страницу изображения во Flickr. Пробной бесплатной версии хватает для периодического использования. Но если нужно обрабатывать большое количество запросов, понадобится лицензия.
Shutterstock Spectrum
| Сайт. https://www.shutterstock.com/search/spectrum Версии для работы. Стоимость. Бесплатно в течение месяца после подписки с ограничением на 10 фото, далее — $29 в месяц. Язык интерфейса. Русский, английский + ещё 23 языка. |
Веб-версия. Инструмент помогает искать изображения с лицензией royalty-free — она предполагает оплату за использование контента только в момент покупки.
В настройках Shutterstock Spectrum есть функция выбора по цвету. Если указать оттенок, система найдёт фото в соответствующей гамме. Дополнительно можно выбрать и другие параметры, например, тип изображения или ориентацию фото.
Изображение можно увеличить для просмотра, сохранить, скачать или найти похожие.
Поделиться
СВЕЖИЕ СТАТЬИ
Другие материалы из этой рубрики
Не пропускайте новые статьи
Подписывайтесь на соцсети
Делимся новостями и свежими статьями, рассказываем о новинках сервиса
«Честно» — авторская рассылка от редакции Unisender
Искренние письма о работе и жизни.
Свежие статьи из блога. Эксклюзивные кейсы
и интервью с экспертами диджитала.
Наш юрист будет ругаться, если вы не примете 🙁
Как запустить email-маркетинг с нуля?
В бесплатном курсе «Rock-email» мы за 15 писем расскажем, как настроить email-маркетинг в компании. В конце каждого письма даем отбитые татуировки об email ⚡️
*Вместе с курсом вы будете получать рассылку блога Unisender
Оставляя свой email, я принимаю Политику конфиденциальностиНаш юрист будет ругаться, если вы не примете 🙁
Цветовой круг, как достичь гармоничного сочетания цветов.
Цветовой круг – это основной инструмент для комбинирования цветов.
Цветовой круг спроектирован так, что сочетания любых цветов, выбранных из него, будут хорошо смотреться вместе. Главное — научиться пользоваться этим инструментом.
Согласно теории цвета, гармоничные цветовые сочетания получаются
— Из двух любых цветов, расположенных друг против друга на цветовом круге.
— При использовании любых трех цветов, равномерно распределенных по цветовому кругу, образуя треугольник.
— При использовании любых четырех цветов, образующих прямоугольник.
Гармоничные сочетания цветов называются цветовыми схемами. Цветовые схемы остаются гармоничными вне зависимости от угла поворота.
Комплементарные или дополнительные цвета
Комплементарными или дополнительными цветами являются любые два цвета, расположенные напротив друг друга на цветовом круге. Например, синий и оранжевый, красный и зеленый. Эти цвета создают высокий контраст, поэтому они используются, когда надо что-то выделить.
В идеале нужно использовать один цвет как фон, а другой в качестве акцента.
Классическая триада
Классическая триада это сочетание трех цветов, которые в равной степени отстоят друг от друга на цветовом круге. Например, красный, желтый и синий. Триадная схема также обладает высокой контрастностью, но более сбалансированной, чем дополнительные цвета. Принцип здесь состоит в том, что один цвет доминирует и акцентирует с двумя другими. Такая композиция выглядит живой даже при использовании бледных и ненасыщенных цветов.
Аналоговая триада
Аналоговая триада: сочетание от 2 до 5 (в идеале от 2 до 3) цветов, находящихся рядом друг с другом на цветовом круге. Примером могут служить сочетания приглушенных цветов: желто-оранжевый, желтый, желто-зеленый, зеленый, сине-зеленый.
Контрастная триада (сплит — дополнительных цветов)
Использование сплит — дополнительных цветов дает высокую степень контрастности, но не настолько насыщенных, как дополнительный цвет.
Сплит дополнительные цвета дают большую гармонию, чем использование прямого дополнительного цвета.
Тетрада — сочетание четырех цветов
Эта схема включает в себя один основной и два дополнительных цвета, плюс дополнительный цвет, который подчеркивает акценты. Пример: сине-зеленый, сине-фиолетовый, оранжево-красный, оранжево-желтый.
Это самая сложная схема. Она предлагает большее разнообразие цвета, чем какая-либо другая схема, но если все четыре цвета используются в равных количествах, то схема может выглядеть несбалансированной, поэтому нужно выбрать один цвет доминирующим. Надо избегать использования чистого цвета в равных количествах.
Квадрат
Сочетание 4 цветов, равноудаленных друг от друга на цветовом круге. Эти цвета отличаются друг от друга по тону, но также дополняют друг друга. Пример: фиолетовый, оранжево-красный, желтый, сине-зеленый.
Вы можете зарегистрироваться в нашей бесплатной школе и получить доступ к большому числу бесплатных уроков!
Не пропустите анонсы и новости проекта!
Цветовой круг — Калькулятор цвета
Годы вдохновляющего онлайн-обучения искусству и дизайну
ЗАПРОСИТЬ ИНФОРМАЦИЮ
ЗАРЕГИСТРИРОВАТЬСЯ СЕЙЧАС
Независимо от того, разрабатываете ли вы логотип или красите дом, выбор цвета может быть сложным.
С чего начать? Какие цвета сочетаются друг с другом и почему? Как вы можете творчески исследовать разные настроения или направления?
Используйте бесплатный калькулятор цвета , чтобы исследовать творческие варианты цвета для вашего дизайнерского проекта. Просто выберите базовый цвет (цвета), выберите цветовую гармонию, настройте/исследуйте по мере необходимости и посмотрите результаты. Вы получите отчет о значениях цвета в шестнадцатеричном формате, RGB и CMYK для вашего проекта и увидите, как ваши цвета применяются к образцам дизайна. Поделитесь или распечатайте, промойте и повторите.
Блокировка
1.
выбрать цвет
Удалить Удалить Добавить еще
2.
выбрать гармонию
3.
посмотреть результаты 9000 3
Очистить Очистить Добавить еще
Режим RYBРежим RGB
Очистить все
Как использовать | Что такое цветовой круг? | Разработка цветовой схемы
Как ее использовать
1.
Выберите цвет.Щелкните первое поле, чтобы открыть палитру цветов, и проведите пальцем, чтобы выбрать нужный оттенок (например, красный, фиолетовый или синий). Перетащите точку вправо и влево, чтобы отрегулировать насыщенность, или вверх и вниз, чтобы отрегулировать значение.
Если вы знаете шестнадцатеричные значения, значения RGB или CMYK для вашего основного цвета, введите их в соответствующие поля. Щелкните плюс, чтобы добавить до трех основных цветов
2. Выберите гармонию.
Выберите одну из шести цветовых комбинаций для работы с начальным цветом. Щелкните символ цветовой гармонии, чтобы завершить цветовую схему.
3. См. результаты.
Цвета, составляющие вашу гармонию, будут отображаться в образцах калькулятора цветов и на интерактивном цветовом круге.
Настройте или исследуйте эти варианты, выбирая и сравнивая различные гармонии, просматривая одну и ту же гармонию с разными цветами, регулируя насыщенность или значение или добавляя дополнительные входные цвета.
Очистить все, чтобы начать сначала.
Нравится то, что вы видите? Создайте цветовую схему , чтобы просмотреть отчет о цвете и сохранить шестнадцатеричные цвета, цвета RGB и CMYK для веб-проектов или проектов печати.
Посмотрите, как ваш образец применяется к образцам дизайна. Распечатайте страницу, сохраните ее в формате PDF, поделитесь ею с друзьями и семьей. Это красочный мир.
Sessions College – Color Theory: Color Wheel
Что такое Color Wheel?
Цветовой круг представляет собой диаграмму, отображающую отношения между цветами. На основе круга, показывающего цвета спектра, первоначально созданного сэром Исааком Ньютоном в 1666 году, 9Созданный им цветовой круг 0075 сегодня служит многим целям.
Художники используют его для определения цветов для смешивания, а дизайнеры используют его для выбора цветов, которые хорошо сочетаются друг с другом.
Классический цветовой круг показывает оттенки, расположенные по кругу, соединенные линиями или фигурами. Цвета включают первичные цвета (красный, желтый и синий), вторичные цвета (оранжевый, зеленый и фиолетовый) и третичные цвета (желто-зеленый, сине-зеленый, сине-фиолетовый, красно-фиолетовый, красно-оранжевый и желто-оранжевый). цвета создаются путем смешивания основных цветов. Например, смешивание красного и желтого дает оранжевый; смешивание желтого и синего дает зеленый.
Информационный бюллетень NOD
Хотите получать больше ресурсов, советов и новостей по дизайну на свой почтовый ящик? Подпишитесь на наш информационный бюллетень Notes on Design, блог Sessions College, посвященный искусству и дизайну.
Разработка цветовой схемы
Дизайнеры часто начинают проект с разработки цветовой схемы : набора цветов, которые будут хорошо сочетаться друг с другом для клиента или выполняемой задачи.
Хотя иногда вы начинаете с нуля, обычно вы начинаете с одного или двух базовых цветов, а другие цвета будут построены.
Основы цветовой гармонии Как выбрать цвета, которые действительно работают? Используйте цветовой круг (или наш цветовой калькулятор), чтобы определить гармоничные цветовые сочетания. Следующие цветовые гармонии основаны на геометрических соотношениях на цветовом круге. По этой причине мы можем представить их в виде фигур. Вращайте эти фигуры вокруг центральной точки цветового круга, чтобы создавать безграничные цветовые комбинации.
Дополнительные цветовые схемы используют два противоположных цвета на цветовом круге.
Монохроматические цветовые схемы используют три разных значения одного и того же цвета.
Аналогичные цветовые схемы используют три соседних цвета на цветовом круге.
Разделенные дополнения используют цвет и два смежных третичных цвета его дополнения.
Цветовые схемы Triadic используют три равномерно расположенных цвета на цветовом круге.
Цветовые схемы Tetradic используют две дополнительные пары.
Выбор правильных цветов Выбор правильных цветов требует большого творчества и экспериментов. Имейте в виду, что цвет очень психологичен, и разные цветовые гармонии производят разные эффекты. Например, аналогичные цвета похожи по оттенку, создавая плавный переход от одного цвета к другому. Дополнительные цвета расположены напротив друг друга на цветовом круге, поэтому они создают сильный контраст. Монохроматические цветовые схемы могут быть тонкими и изысканными.
Например, в этом развороте из журнала Martha Stewart аналогичная цветовая схема создает плавный переход от желтого к желто-зеленому и зеленому. Это приятно для глаз.
Экспериментируйте с различными гармониями для достижения желаемого настроения или эффекта.
Настройка значения цвета и насыщенности После того, как вы выбрали цвета, вы можете настроить значение определенного цвета или цветов — насколько светлым или темным будет цвет.
Или вы можете отрегулировать его насыщенность, насколько она богата. Каждый оттенок на цветовом круге онлайн имеет различную внутреннюю ценность. Желтый, например, светлее синего.
В этой цветовой схеме розовые и оранжевые оттенки являются самыми светлыми, контрастируя с темными буквами.
Чтобы увеличить контрастность цветовой схемы, вам может потребоваться настроить значение определенного цвета, например, сделав желтый темнее или светлее. Или, возможно, отрегулируйте насыщенность, чтобы изменить интенсивность. Вы можете сделать и то, и другое, используя калькулятор цвета.
42 Цветовые комбинации логотипа, которые отлично сочетаются друг с другом
Главная » Блог » Цветовые комбинации логотипа
Когда вы думаете о логотипах крупных брендов, вы, вероятно, воспринимаете цвета, которые они используют, как данность. КОНЕЧНО, кнопка воспроизведения на YouTube красно-белая, а арки McDonald’s счастливо-желтые — это просто имеет смысл .
Это потому, что психология цвета играет огромную роль в брендинге; цвета влияют на наше восприятие и заставляют нас чувствовать себя определенным образом, даже если мы не всегда осознаем это на сознательном уровне.
Тем не менее, может показаться, что упомянутые выше сочетания цветов логотипа не слишком продуманы — разве они не являются просто логичным выбором для того, что делают эти конкретные бренды?
Не так быстро. Вы можете поспорить, что сотни чашек кофе и миллионы долларов ушли на оригинальные логотипы некоторых из этих влиятельных брендов, причем основное внимание, вероятно, было уделено цветовым сочетаниям.
Так что же это означает для вашего собственного логотипа?
Независимо от того, как вы решите создать свой логотип, будь то с помощью создателя логотипа или другого инструмента, индивидуальность вашего логотипа коренится в его цветах — вы смелый морской цвет цвета фуксии или, может быть, мягкий желто-белый? Изучая сочетания цветов, вы можете создайте дизайн логотипа , который точно расскажет вашей аудитории, кто вы есть.
Вы можете посмотреть это видео, чтобы понять, как психология цвета влияет на людей в реальном мире и что это значит для вас, когда вы готовы создать свой собственный логотип:
Теперь, когда вы знакомы с тем, как цвет психология работает, давайте посмотрим на некоторые из лучших цветовых комбинаций логотипа!
Каковы лучшие сочетания цветов?
Первое практическое правило: не переусердствуйте — лучше меньше, да лучше.
С сочетаниями цветов логотипа лучше ограничить свои творческие изыскания, чем сходить с ума по цветам. В этом ключе мы рекомендуем придерживаться двух- или трехцветных комбинаций или, конечно же, одного цвета логотипа.
Начнем с основ:
Двухцветные комбинации
Двухцветные логотипы являются отраслевым стандартом. В них часто используются контрастные оттенки, что создает привлекающий внимание эффект.
Вот некоторые из наших любимых двухцветных комбинаций.
1. Желтый и синий: игривый и авторитетный
Желтый привлекает внимание и создает молодежный фон для авторитетного военно-морского флота.
Сочетание цветов этого логотипа игривое, но уверенное, создавая впечатление, что компании, стоящей за этим символом, можно доверять.
2. Темно-синий и бирюзовый: успокаивающий или яркий
Это сочетание ягодно-бирюзового цвета может иметь два разных эффекта в зависимости от того, как оно используется. Поместите чирок на ягодный фон, чтобы ваш логотип выделялся; положите темно-синий поверх бирюзового, чтобы утешить и успокоить.
3. Черный и оранжевый: живой и мощный
Восторженный оранжевый прекрасно сочетается с мощным черным, создавая общее ощущение таинственности и острых ощущений. Эта цветовая комбинация логотипа особенно хорошо подходит для мероприятий, которые обещают выброс адреналина, таких как экстремальные виды спорта, квесты или ночные клубы.
4. Темно-бордовый и персиковый: элегантный и спокойный
Эту уникальную пару сливового и персикового цветов нечасто можно увидеть вместе, но она придает очарование любому логотипу! Вы можете подумать об использовании этой цветовой комбинации, если ваш бренд связан с индустрией моды, домашним декором или альтернативной медициной.
5. Темно-фиолетовый и синий: спокойный и надежный
Ничто так не говорит о надежности, как сочетание голубого и тутового пурпурного (граничащего с коричневым). Рассмотрите возможность использования этой пары для бренда косметики или элитной розничной торговли.
6. Темно-синий и оранжевый: интересно, но внушает доверие
Противоположности притягиваются — и эти дополняющие друг друга цвета тоже! Безопасность синего придаёт импульс импульсивным сторонам оранжевого, вызывая одновременно чувство волнения и доверия. Всегда готовые развлечь, эта пара темно-синего цвета и цвета ржавчины обещает хорошо провести время.
7. Синий сапфир и сине-серый: процветание и элегантность
Эти два оттенка синего излучают уверенность и спокойствие. Вы должны использовать его для своего логотипа, если хотите, чтобы вас воспринимали серьезно и в то же время привлекательно.
8. Blue Powder Blue и Chetwode Blue: открытый и манящий
Два разных оттенка синего прекрасно сочетаются друг с другом, создавая открытое и манящее впечатление.
Цветовая палитра хорошо подходит для таких услуг, как спа, бутики и консалтинг.
9. Королевский синий и желтый: надежность и оптимизм
Если вам нужен логотип, который у клиентов ассоциируется с оптимизмом, вам нужен желтый цвет. Его преимущество в том, что он одновременно легкий и смелый. А в сочетании с королевским синим у вас получится идеальная комбинация.
Позвольте нашему создателю логотипов с искусственным интеллектом выбрать идеальные цвета для вашего бренда
10. Бежевый песок пустыни и Императорский серый: консервативный и надежный
Хотя коричневый — один из наименее используемых цветов логотипа, если вы выберете его, вы обязательно будете выделяться. Тона пустынного песка и императорского серого хорошо сочетаются друг с другом для модных брендов или дизайнеров интерьера.
11. Индиго и лаванда: интуитивный и уникальный
Интуитивно понятный и мощный индиго — это драматический цвет, относящийся к миру искусства.
Он создает уникальный фон для более мягкого оттенка фиолетового.
12. Фиолетовый и водяной лист: творческий и приземленный 9№ 0066
Воображаемый фиолетовый цвет прекрасно сочетается с бирюзовым цветом водяных листьев, создавая общее ощущение безграничных возможностей. Эти цвета отлично подходят для любого бизнеса, связанного с коммуникацией, включая учителей, тренеров и общение со СМИ.
13. Розовый закат и бордовый: очаровательный и индивидуальный
Мягкий, чарующий розовый сразу покоряет сердца. В сочетании с интенсивностью и индивидуальностью бордового вы получите настоящего победителя!
14. Светло-голубой и малиново-розовый: дружелюбные и заметные
Выбор любого из этих цветов предполагает желание выделиться, но при этом оставаться незаметным. Оба теплых цвета побуждают нас выражать свои эмоции и быть более общительными.
15. Фиолетовый и горько-лимонно-зеленый: творческий и уверенный в себе
Если вам нужен логотип, отражающий творчество и уверенность, не ищите дальше.
Это высокоэнергетическое цветовое сочетание излучает сильную энергетику.
16. Коричневый Bistre и оливково-зеленый: простота и естественность
Коричневый и зеленый землистые тона всегда хорошо сочетаются друг с другом. Здесь почти желто-коричневый цвет естественно гармонирует с глубоким оливково-зеленым.
17. Зеленый джунглей и бирюзовый: обновление и открытие
Ассоциируемый с ясностью ума и творчеством, бирюзовый цвет побуждает к размышлениям и открытости. Глубокий зеленый цвет джунглей — это цвет, широко распространенный в мире природы, который говорит об обновлении, обновлении и возрождении.
18. Desert Sand и Grizzly Brown: элегантный и сдержанный
Уютная атмосфера, когда можно свернуться калачиком с теплой чашкой лапши Ramen, буквально спрыгивает с этого логотипа. Уютный, универсальный и элегантный песок пустыни обеспечивает баланс между светом и теплом. Склонность к пассивности и нейтральности, гризли коричневый обеспечивает состояние спокойствия и расслабленности.
19. Глубокая лесная зелень и темная морская зелень: рост и оживление
Уже по одному названию вы знаете, что цвет лесной зелени напоминает природу. Этот универсальный оттенок ассоциируется с ростом и в сочетании с более светлым зеленым цветом морской пены сохраняет прохладу и свежесть.
20. Василек синий и иволга: баланс и сила
Если оставить в стороне все предубеждения, эти два дополняющих друг друга оттенка выглядят потрясающе вместе. Насыщенный оранжевый и холодный синий создают идеально сбалансированный и стильный образ.
21. Синий и темно-персиковый: профессиональный и изысканный
Синий и персиковый создают динамичную цветовую схему. Эта смесь холодных и теплых тонов хорошо работает в современном и традиционном контексте.
Позвольте нашему создателю логотипов с искусственным интеллектом подобрать идеальные цвета для вашего бренда. глаз. Яркий сапфировый синий цвет вызывает глубокое спокойствие и чувство стабильности.
Творческое сочетание этих двух цветов может стать сильным заявлением.23. Бархатцы и темно-коричневые: спонтанность и надежность
Если вам нужен логотип, кричащий о спонтанности и надежности, вам определенно нужна эта крутая цветовая комбинация. Непревзойденная команда тегов, желтые календулы привлекают внимание, а темно-коричневые удерживают его.
24. Ярко-синий и зеленый ящерица: надежная и живая
При использовании в профессиональных условиях королевский синий цвет способствует концентрации внимания, оставаясь при этом успокаивающим. Для драматичного и поразительного образа сочетание этих двух цветов создает яркую, яркую, модную атмосферу, которая требует внимания.
Комбинации трехцветных логотипов
Эти комбинации цветов логотипа может быть немного сложнее определить, потому что вариантов много, но не все варианты хороши.
Как правило, два контрастных цвета с одним дополнительным цветом могут быть правильным решением, но и из этого правила есть исключения!
Чтобы дать вам представление о том, что работает, а что нет, вот несколько наших любимых трехцветных комбинаций:
25.
Бежевый, коричневый, темно-коричневый: теплый и надежныйЗапах кофе буквально исходит от этого логотипа. Коричневые цвета источают надежность, а кремовый фон не дает логотипу выглядеть скучно. Это может быть сплошная цветовая комбинация, которую можно использовать, если вы работаете в пищевой промышленности или хотите, чтобы вас воспринимали как семейного человека.
26. Синий, желтый, зеленый: юный и мудрый
Этот берет два основных цвета и добавляет к ним второстепенные — идеальное сочетание! Масляно-желтое большинство с оттенком лайма делает логотип игривым и молодым, а лазурные буквы привносят в стол мудрость.
27. Темно-синий, бирюзовый, бежевый: уверенно и креативно
Пусть останется в семье! Эти два синих цвета дополняют друг друга и подтверждают надежность бренда. Объедините их с бежевым фоном, и вы получите уверенность в том, что исследовать и преследовать безопасно. Эта цветовая комбинация логотипа отлично подходит для брендов в нише путешествий, лайф-коучинга и здравоохранения.
28. Синий, красный, желтый: модный и яркий
Контраст встречается с контрастом в этой триадной трехцветной комбинации. Различные оттенки каждого основного цвета сливаются в логотип, который выделяется на странице и оставляет после себя фанк.
29. Светло-розовый, ярко-розовый, темно-бордовый: дружелюбный и невинный
Если вы искали логотип, кричащий о «доступности», семейство розовых цветов — ваш лучший выбор. Эти оттенки достаточно различны, чтобы придать логотипу некоторую эстетическую изюминку, и в то же время достаточно похожи, чтобы сохранить невинный вид. Добавьте в смесь темно-бордовый цвет, и вы снизите риск проявления наивности, демонстрируя нужное количество профессионализма.
30. Темно-синий, желтый, бежевый: профессиональный и оптимистичный
Вы уже успели сказать, что мы любим синий цвет? И не зря — синий цвет чаще всего используется в логотипах 100 ведущих мировых брендов (см. для справки IKEA, AT&T, Walmart и NASA).
Здесь бежево-пшеничный выступает в качестве тонкого моста между двумя основными цветами, уменьшая серьезность синего и подчеркивая живую сторону желтого, создавая сбалансированный, профессиональный вид.
31. Сине-фиолетовый, зеленый, фиолетовый: умный и креативный
Это не обычный оттенок синего; gigas — насыщенный светлый холодный синий, демонстрирующий креативность и интеллект. Это популярный цвет, который в сочетании с зеленым и светло-фиолетовым кричит о творчестве и уважении.
32. Синий и коричневый: Компетентный и полезный
Как вы, вероятно, уже поняли, синий — цвет по умолчанию для дизайнеров. Сочетание двух оттенков синего и коричневого (граничащего с желтым) — это профессионально выглядящая скромная цветовая схема.
33. Коричневый, Желто-коричневый, Оранжевый: Модный и непринужденный
Оранжевый невероятно (и удивительно) дополняет коричневый цвет. Добавьте щетку или загар, и вы получите модный хипстерский образ, к которому стекается современная толпа.
Позвольте нашему создателю логотипов с искусственным интеллектом выбрать идеальные цвета для вашего бренда. Используйте эту цветовую схему, чтобы выразить необходимую степень профессионализма, оставаясь при этом гостеприимной.
35. Синий и фиолетовый: нежный и настоящий
Пусть ваш логотип говорит сам за себя, используя два оттенка синего и каплю фиолетового. Здесь светло-голубой и темно-синий уравновешивают друг друга, а фиолетовый добавляет уникальный штрих, который выделит ваш бренд из толпы.
36. Lotus Red, Pink, Blush Pink: мягкий и соблазнительный
От темно-красного (с оттенками коричневого) до розово-розового, это трио достаточно отличается, чтобы добавить уникальный штрих к логотипу, выражая при этом ощущение мягкости.
37. Мягкий серый, зелено-серый, темно-серый: величественный и неподвластный времени
Это трио подходит для бренда, который хочет донести до своих клиентов чувство безмятежности, заставляющее задуматься.
Эти три различных оттенка серого подходят для художественных галерей, музеев и высококлассных отелей.
38. Фиолетовый сливовый, Фиолетовый, Зеленый морской: успокаивающий и расслабляющий
Ничто так не говорит о расслаблении, как сочетание темно-фиолетового, удивительного розово-фиолетового и мягкого цвета морской волны. Рассмотрите возможность использования этого трио в качестве бренда для студий йоги, спа и оздоровительных центров.
39. Коричневый, горчично-желтый, зеленый: натуральный и натуральный
Коричневый фон прекрасно дополняет зелено-желтый шрифт. Это трио работает для любого бизнеса в сфере дизайна, бутиков, цветочных магазинов и тому подобного.
40. Черный, Кофейно-коричневый, Костяной: надежный и роскошный
Этот дизайн создает ощущение уюта, когда вы сворачиваетесь калачиком с дымящейся чашкой кофе. Хотя эти цвета сами по себе могут быть простыми и скучными, вместе они создают уютную, теплую атмосферу.
41. Серый, нежно-голубой, канареечно-желтый: ответственный и современный
Светлые цвета выделяются на сплошном сером фоне, создавая ощущение, что этому бизнесу можно доверять, но при этом он современный. Типы предприятий, которые используют серый цвет, — это агенты по недвижимости, технические веб-сайты и архитектурные компании.
42. Темный, средний, светло-синий: процветание и элегантность
При выборе цветовой схемы для логотипа сложно ошибиться с синим цветом. Разнообразные оттенки синего хорошо сочетаются почти со всеми цветами, но кто знал, что сочетание их всех вместе будет выглядеть так стильно?
Вам слово
Цвета являются важным аспектом индивидуальности вашего бренда. После выбора типа логотипа, который вы хотите использовать, вам следует подумать о том, что каждый цвет скажет о вашей компании.
Подумайте об эмоциях, которые вы пытаетесь вызвать, и о том, как вы хотите, чтобы потребители реагировали на ваш бренд.