Подбор цветовой палитры онлайн: Названия цветов, от Абрикоса до Янтаря

Содержание

Цветовая палитра для Инстаграма – как ее создать с помощью шаблонов, сервисов и специалистов

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

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

Характеристики и свойства цвета

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

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

Тон. Базовая характеристика цвета. Если представить все цвета в виде диаграммы, то каждое место в круге цветов будет означать тон.
Яркость. Степень освещения объекта. Чем больше попадет света, тем ярче.
Насыщенность. Уровень выраженности тона. Можно говорить насыщенность или сочность.

Подробнее на этом останавливаться не будем, ведь нам нужно подобрать палитру, а не изучить всю теорию :–)

Типы цветовых гармоний

Чтобы собирать цветовую палитру для Инстаграма* было проще, можно пользоваться одной из 4 основных цветовых схем:

Монохром. Для составления цветовой палитры профиля Инстаграма* можно использовать несколько оттенков одного цвета разной глубины. Гармония здесь основывается на том, что производная всей палитры – один цвет.
Триада. Берется три цвета из разных частей круга. Основное требование – они должны соединяться вершинами треугольников в центре круга и образовывать собой треугольник.
Контраст. Берут два цвета, которые находятся на противоположных сторонах круга.
Аналоговый. Смешивают один цвет с соседями по кругу.
Тетрада. Берут 4 цвета, которые могут объединиться в прямоугольник, если разместить их на круге.

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

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

Здесь хорошо видно, как выглядят основные типы цветовых схем: триада, тетрада, контраст и другие

Подбор цвета для бренда: таблицы ассоциаций и сочетаний

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

Таблица ассоциаций с брендом

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

О чем подумать перед выбором цвета:

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

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

Таблица ассоциаций с цветом

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

Таблица сочетаний оттенков

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

Основные цвета	Гармонирующие	Не гармонирующие
Красный	Зеленый, синий, синевато-зеленый, золотисто-желтый, серый	Фиолетовый, кирпичный, коричневый, каштановый, красновато-желтый
Розовый	Бордо, коричневый, серый	Синий, красный, каштановый, сиреневый
Оранжевый	Небесно-голубой, зеленый, фиолетовый, лиловый, коричневый, белый	Красный
Коричневый	Беж, синий с зеленоватым оттенком, серый, золотистый	Бордо, каштановый, сиреневый, розовый
Желтый	Зеленый, коричневый, золотистый	Бордо, розовый
Голубой	Красный, коричневый, синий, оранжевый, светло-фиолетовый	Бордо, темно-фиолетовый, сиреневый
Синий	Красный, серый, золотистый, бордо	Зеленый, сиреневый, розовый, коричневый
Фиолетовый	Золотистый, желтый, оранжевый, светло-зеленый, зеленый, травяной, цвет морской воды	Красный, кирпичный
Сиреневый	Серый, каштановый, светло-фиолетовый, зеленый	Синий, кирпичный, красный, бордо, золотистый, розовый
Бордо	Зеленый, сине-зеленый, серый, розовый, синий	Сиреневый, каштановый, красный, золотистый
Серый	Черный, зеленый, красный, синий, розовый, желтый, голубой	Коричневый, беж

Таблица цветовых ассоциаций

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

Цвет	Температура	Расстояние	Влажность	Звук	Природа
Красный	горячий	близкий	сухой	громкий	огонь, кровь, вино
Оранжевый	теплый	близкий	сухой	громкий	пламя, апельсин, осень
Желтый	теплый	близкий	сухой	звенящий	солнце, подсолнух, пустыня
Зеленый	нейтральный	неопределенный	нейтральный	спокойный	весна, дерево, трава, болото
Голубой	прохладный	далекий	влажный	тихий	прохлада, воздух, электричество, лед
Синий	холодный	далекий	влажный	тихий	вода, море, холод
Фиолетовый	холодный	далекий	влажный	тихий	сирень, фиалка, космос
Белый	прохладный	близкий	нейтральный	тихий	молоко, день, золото
Серый	холодный	удаляющийся	влажный	тихий	пепел, старость, пыль, серебро
Черный	холодный	далекий	сухой	резкий	ночь, уголь, бездна

Как определить цветовую палитру для Инстаграм*-аккаунта

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

Другие интересные фишки по созданию визуала можно найти в нашей статье «Как создать красивый визуал для Инстаграма* в 2022 году».

Быстро: с помощью шаблонов

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

Pinterest. Здесь можно найти множество гармоничных сочетаний и подобрать для себя подходящие. Вбейте в поисковой строке «цветовая палитра» на русском или английском. Перед вами появятся тысячи красивых гармоничных сочетаний, каждое из которых можно использовать в своем профиле.
Canva. Сам сайт помогает создать собственный дизайн на основе шаблонов или ваших идей для картинок. Также можно воспользоваться генератором от Canva, который предлагает готовые идеи для оформления профилей или подбирает комбинации. Что удобно – сервис предлагает цвета сразу с номерами оттенков, чтобы потом работать с полученной палитрой было проще.

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

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

С помощью SMMplanner можно создать быстрый дизайн в разных подходящих цветах

Еще больше информации о том, как готовить к публикации посты с помощью шаблонов, в нашей статье «Оформление постов в Инстаграме* с помощью шаблонов и программ».

Просто: с помощью онлайн-сервисов

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

Canva.com/colors/color-pallet-generator;
Coolors.co;
Gradients.app;
Color.adobe.com.

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

Попробуем построить цветовую палитру с помощью сервиса Gradients.

Загружаем изображение на сайт

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

Можно не только посмотреть на основные цвета картинки, но и скачать их вместе с палитрой

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

Обратную сторону палитры тоже можно использовать в отдельных случаях

Интересно: с помощью сервисов

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

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

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

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

Здесь же можно посмотреть:

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

Основные и вторичные цвета, тонкие настройки – все есть в этом сервисе

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

Качественно: с помощью специалиста

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

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

Основные советы для подбора цвета

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

Настроение и тональность профиля

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

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

Общий стиль через фильтры

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

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

Подходящие шрифты и типографика

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

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

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

Примеры цветовых сочетаний

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

Теплые цветовые сочетания

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

Среди примеров можно выделить шаблоны от Canva – осень и теплая листва.

Каждый оттенок подписан и имеет номер

Холодные цветовые сочетания

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

Среди примеров – морская волна.

Монохромный шаблон, в котором можно выделить шрифтами важную информацию‌‌

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

Среди примеров – арктический рассвет.

Немного холодного розового и светлого серого разбавляют синеву шаблона

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

Сочные зеленые, грозовые, яркий коричневый, цвета растений и травы. Есть стильные варианты, например современность. А есть сдержанные, например яркая Исландия.

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

По желанию можно подобрать яркий гармонирующий оттенок для привлечения внимания‌‌

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

Отличный вариант, если вы продаете мебель, текстиль, что-то массивное и тяжелое. Также подходит для одежды и некоторых заведений питания, например, оформленных в стиле лофт.

Среди примеров таких палитр – «лосось и ржаной хлеб» или «неоновая вывеска».

Можно создавать интересные сочетания текста с таким дизайном профиля

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

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

HCL Easy. Плагин для Figma по подбору доступной цветовой палитры — Дизайн на vc.ru

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

3778 просмотров

Ссылки:

Лендинг — http://hcleasy.com
Плагин Figma — https://www.figma.com/community/plugin/926166109013752444/HCL-Easy

Создатели HCL Easy:

Потребность в доступности цифровых продуктов

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

Пример задачи

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

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

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

Соответствие подобранных оттенков цветовосприятию человека
Все виды нарушения цветовосприятия
Установленные стандарты контрастности

Примеры решения подобной задачи другими компаниями:

Salesforce
Сloudflare

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

Главные недостатки существующих решений. RGB vc HCL (CIALab)

Все стандартные инструменты для создания дизайн-проектов и подбора цветовой палитры используют цветовое пространства RGB и его производные, такие как HSB, HSV, HSL и т.д.

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

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

HSL (sRGB) Стандартное цветовое пространство

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

HCL (CIALab) Адаптивное цветовое пространство

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

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

Именно поэтому мы решили создать собственный инструмент — HCL Easy, который позволяет решать данные задачи.

Решения, которые предлагает HCL Easy

Цветовое пространство, адаптированное для комфортного восприятия человеческим глазом

Мы используем цветовое пространство CIELab, представленное в виде осей HCL с помощью chroma.js, таким образом, чтобы инструмент был максимально удобен в использовании.

Интерфейс плагина для Figma “HCL Easy” для подбора оттенка адаптивной цветовой палитры

Автоматизация процессов при создании цветовой палитры

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

Автоматизация в плагине «HCL Easy” через “Кривые Безье»

Адаптация для всех форм дальтонизма и соответствие требованиям по контрастности цветов

С помощью функции «Доступность» можно проверить за раз всю цветовую матрицу на предмет контрастности, включая контрастность для каждого из восьми видов дальтонизма. Здесь мы использовали библиотеку, с говорящим названием Color Blind, эта библиотека преобразует наши HEX-коды в те, которые видят люди с различными нарушениями зрения, чтобы впоследствии мы могли проверить контрастность на воспроизведенных цветах.

Проверка контрастности в плагине для Figma «HCL Easy»

Создание доступных для восприятия палитр цветов для использования в Figma

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

Брать пример с лучших

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

Что дальше:

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

Ссылки:Лендинг — http://hcleasy.com

Плагин Figma — https://www.figma.com/community/plugin/926166109013752444/HCL-Easy

10 лучших бесплатных генераторов цветовых палитр (2022)

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

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

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

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

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

Ярлыки ✂️

Что такое цветовая палитра?
Как найти цветовую палитру
10 лучших генераторов цветовой палитры
Выбор лучшей цветовой палитры для вашего бренда

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

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

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

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

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

Источник: Design-Seeds

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

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

Как найти цветовую палитру

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

Понимание теории цвета

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

Источник: Викисловарь

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

Основные цвета: Красный, синий и желтый

Дополнительные цвета: Оранжевый, зеленый и фиолетовый

Третичные цвета: Красно-фиолетовый, сине-фиолетовый, желто-зеленый, сине-зеленый, желто-оранжевый и красно-оранжевый (хотя Crayola дал им гораздо более красочные названия)

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

Но есть и другие свойства цвета, о которых нужно знать:

Оттенок: Чистый цвет на цветовом круге

Оттенок: Цвет с добавлением черного (становится темнее в зависимости от количества добавленного черного)

Оттенок: Цвет с добавлением белого (осветление в зависимости от количества добавленного белого)

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

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

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

Аналог: Цветовая схема с тремя цветами, расположенными рядом друг с другом на цветовом круге

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

Сплит-комплементарность: Цветовая схема с одним цветом с одной стороны цветового круга и двумя цветами, расположенными прямо напротив него на цветовом круге

Tetradic: Цветовая схема с двумя наборами дополнительных цветов

Квадрат: Цветовая схема с четырьмя равноудаленными цветами на цветовом круге

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

Определите суть вашего бренда

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

Зачем это нужно знать при выборе цветовой палитры вашего бренда?

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

Подумайте об этом так:

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

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

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

Красный: Сила, мужество, волнение

Оранжевый: Оптимизм, теплота, игривость

Желтый: Дружелюбие, счастье, энергия

Зеленый: Природа, свежий, спокойный

Синий: Надежность, уверенность, лояльность

Фиолетовый: Роскошь, духовность, исцеление

Розовый: Модерн, любовь, женственность

Белый: Чистота, простота, ясность

Черный: Элегантность, изысканность, престиж

Серый: Зрелость, класс, интеллект

Коричневый: Приземленность, надежность, стабильность

Выберите основной цвет

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

Подумайте о зеленом Starbucks или синем Tiffany.

Источник: Tiffany

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

Создайте цветовую палитру бренда

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

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

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

Взгляните на цветовую палитру HubSpot:

Источник: HubSpot

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

10 лучших генераторов цветовых палитр

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

Охладители
Adobe Цвет
Палеттон
Колормайнд
Цветная охота
Канва
Хрома
ColorSpace
Колоркулер
Дизайнерское вдохновение

1.

Coolors

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

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

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

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

2. Adobe Color

Adobe Color, ранее известный как Kuler, представляет собой онлайн-генератор цветовой палитры, который, вероятно, следует добавить в закладки в вашем веб-браузере.

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

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

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

Подходит для: Дизайнеры, которые используют Adobe Creative Cloud и могут легко интегрировать цветовую схему в свои существующие инструменты.

3. Paletton

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

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

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

4. Colormind

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

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

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

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

5. Color Hunt

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

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

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

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

6. Canva

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

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

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

7. Khroma

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

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

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

8. ColorSpace

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

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

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

9. Colorkuler

Colorkuler не столько помогает найти новую цветовую схему вашего бренда, сколько помогает вам использовать существующую цветовую схему для создания однородной ленты Instagram, которая понравится вашим подписчикам. Вы можете бесплатно использовать этот инструмент для изучения последних девяти изображений или использовать профессиональную версию Colokuler за 2,99 долл. США за анализ, чтобы получить общее представление о всей ленте.

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

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

Подходит для: Дизайнеры или маркетологи, желающие создать связную ленту в Instagram.

10. Designspiration

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

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

Подходит для: Дизайнеры, которые ищут вдохновение в цвете для своего следующего дизайна.

Выбор лучшей цветовой палитры для вашего бренда

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

Генератор цветовых палитр для графических дизайнеров (бесплатно)

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

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

Полезен для создания графики и логотипов, медиапакетов, инфографики, веб-дизайна и т. д.

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

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

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

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

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

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

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

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

Если вы спросите меня, какой лучший онлайн-инструмент цветовой палитры прямо сейчас, я, несомненно, порекомендую Adobe Color от Creative Cloud.

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

Adobe Color — Лучший в целом
Canva — Лучшая альтернатива Adobe
Coolors.co — Best for comparing colors
Color Mind — Deep-learning powered generator
ColorSpace — Most convenient to use
Dunplab — Best for beginner artists
COLOURlovers — Лучший инструмент исследования
Палитра — Самый простой генератор цветов
Хрома — Генератор цветовой палитры AI
Color Hunt — Лучший для выбора пресетов

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

Adobe Color — это функция Creative Cloud, которая позволяет использовать цветовые темы в настольных и мобильных приложениях Adobe через библиотеки Creative Cloud или онлайн-сервис Adobe Color .

Adobe Color — лучший инструмент общей цветовой палитры для творческих людей.

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

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

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

Позвольте себе свободу экспериментировать с цветовой палитрой , проявите творческий подход и вдохновитесь тем, что сообщает ваш дизайн, используя Adobe Color .

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

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

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

Попробуйте Adobe Color Color Palette Tool сейчас

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

Canva — лучший генератор цветовых схем для альтернатив Adobe.

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

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

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

Для начала просто загрузите фотографию, и она создаст вашу палитру, используя оттенки, показанные на фотографии.

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

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

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

Попробуйте Canva Color Palette Tool прямо сейчас

Coolors.co — незаменимый инструмент для создания и сбора цветовых палитр для все виды творческих профессионалов.

Coolors.co лучший генератор цветовой палитры для сравнения цветов.

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

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

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

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

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

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

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

Попробуйте Coolors.co Color Palette Tool прямо сейчас

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

Colormind — это генератор цветовых схем с функцией глубокого обучения.

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

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

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

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

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

Попробуйте Colormind Color Palette Tool прямо сейчас

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

ColorSpace — самый удобный инструмент цветовой палитры.

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

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

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

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

Подбор цветовой палитры онлайн: Названия цветов, от Абрикоса до Янтаря — ColorScheme.Ru