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

Готовые палитры цветов — 87 фото

Цветовая палитра Color.romanuke

Цветовые Палитры romanuke

Цветовая палитра Color.romanuke

Цветовые Палитры romanuke

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

Цветовая палитра Color.romanuke

Цветовые сочетания Сеедс

Цветовая палитра Color.romanuke

Колор Романюк палитра

Палитра Seeds тёмные

Цветовые Палитры romanuke

Цветовая палитра Color.romanuke

Колор Романюк палитра

Палитра Seeds терракотовый

Цветовые Палитры romanuke

Цветовая палитра Color.romanuke

Колор Романюк палитра

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

Цветосочетание палитра

Сочетание цветов

Цветовые Палитры romanuke

Цветы сочетание

Цветовые Палитры romanuke

Цветовая гамма цветосочетание

Колор Романюк палитра

Палитра инди КИД

Цветовая палитра

Колор Романюк палитра

Цветовые Палитры romanuke

Цветосочетание палитра

Цветовые Палитры romanuke

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

Цветовая палитра сочетание

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

Цветовые Палитры romanuke

Палитра цветов

Палитра для рисования

Цветосочетание палитра

Цветовые Палитры Сидс

Сочетание цветов для Бьюти

Цветовые Палитры romanuke

Палитры для САИ

Палитра цветов для дизайнера

Цветовая палитра Color. romanuke

Подборка цветов

Готовые цветовые Палитры

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

Дизайнерская палитра цветов

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

Колор Романюк палитра

Палитра для рисования

Сочетание пастельных цветов

Палитра Seeds терракотовый

Цветовая палитра ЧЕЛЛЕНДЖ

Колор Романюк палитра

Красивые сочетания цветов с коричневым

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

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

Палитра Seeds тёмные

Цветовая гамма нюдовых тонах

Цветосочетание палитра

Цветовой коллаж

Палитра цветов для дизайнера

Цветовая гамма для букетов

Цветовая палитра голубой

Подборка цвета

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

Сочетание цветов

Палитра Seeds терракотовый

Сочетание пастельных оттенков

Цветовые сочетания

Сочетание цветов

Палитры Palettes 1989

Цветовые сочетания

Сочетание цветов в рисовании

Цветовая палитра Color. romanuke

Колор Романюк палитра

Палитра ЧЕЛЛЕНДЖ

Сочетание нейтральных цветов

Колор баланс Палитры

Цветовая палитра Color.romanuke

Цветовые Палитры Сидс

Цветовые Палитры персонажей Геншин

Колор Романюк палитра

Сочетание оттенков

Готовые палитры цветов

30 онлайн-сервисов для работы с цветом: палитры, оттенки, градиенты

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

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

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

Для открытия скриншотов в полном размере и возможности их пролистывания нажимайте на кнопку из 9-ти квадратов в правом верхнем углу открытой галереи.

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

Muzli Colors — генератор цветовых палитр

Особенности сервиса:

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

Colors.lol — готовые палитры по принципу 60-30-10

Особенности сервиса:

• простой в использовании сервис,
• на сайте расположены готовые цветовые палитры,
• есть фильтр по основным цветам, он располагается в верхней части страницы справа,
• можно посмотреть названия цветов,
• используется принцип 60-30-10,
• возле каждой цветовой палитры справа есть иконка прямой ссылки на неё,
• есть функция случайного выбора палитры (кнопка random в самом низу страницы).

Farbvelo.elastiq — случайные палитры

Особенности сервиса:

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

Brandcolors — 1600 цветов от 600 брендов

Особенности сервиса:

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

Geenes — генератор палитр с выбором метода

Особенности сервиса:

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

Colorion — выбор палитр по определенному цвету

Особенности сервиса:

• 2914 страниц с палитрами по 30 палитр на странице,
• большое разнообразие цветовых палитр,
• хорошо подобраны сочетания цветов,
• на один цвет выходит много вариантов палитр,
• для примера, для розового цвета #E7C2BB сервис выдал 71 страницу по 30 палитр на каждой,
• благодаря большому разнообразию готовых палитр для одного цвета — один из самых удобных для подбора сервисов.

Mobile Palette Generator — палитры для мобильных приложений

Особенности сервиса:

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

2colors — комбинации из двух цветов

Особенности сервиса:

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

Khroma — цветовые пары из 50-ти цветов

Особенности сервиса:

• индивидуальный подход к подбору цветовых комбинаций — на основе личных предпочтений,
• в начале надо выбрать 50 цветов из списка,
• на их основе генерируются цветовые пары,
• комбинации, которые можно рассматривать как типографику, градиент, палитру или пользовательское изображение,
• фильтр по типу, оттенку, названию (coffee, sun и т. д.), а также значениям hex и rgb,
• возможность сохранять понравившиеся цветовые пары в избранное.

Coolors — генератор цветовых палитр и градиентов

Особенности сервиса:

• разные инструменты для работы с цветом на одном сайте,
• тысячи красивых оттенков для создания палитр,
• можно скопировать прямую ссылку на любую палитру,
• при открытии палитры показывается большое количество похожих (similar palettes),
• фильтр поиска палитр с разнообразными категориями: цвета, стили, темы,
• сохранение цветов и палитр в избранное,
• инструмент определения контраста между двумя цветами,
• для работы с сервисом требуется регистрация,
• плагин, который можно установить для редактора Figma,
• есть платные функции (при оплате за месяц 376р.): удаление рекламы, до 10-ти цветов в палитре, 10+ млн готовых цветовых схем, безлимитное сохранение цветовых палитр и т.д.

In color balance — тысячи палитр из фотографий

Особенности сервиса:

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

Sorted-colors (Enes.in) — цвета с названиями

Особенности сервиса:

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

Cohesive Colors — палитры с помощью overlay

Особенности сервиса:

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

Сolourco — подбор палитры с помощью мышки

Особенности сервиса:

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

Paletton — работа с основными схемами

Особенности http://paletton.com/:

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

Adobe Color — цвета по 10-ти правилам гармонии  

Особенности сервиса:

• цветовой круг для подбора гармоничных сочетаний,
• 10 правил гармонии цветов на основе заданного основного цвета,
• чтобы сохранить подобранные палитры для дальнейшего использования в продуктах Adobe (Photoshop, Illustrator и т. д.) надо создать личный кабинет.

Особенности сервиса:

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

Особенности сервиса:

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

Colorhexa — подробные данные по любому цвету

Особенности сервиса:

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

Picular — цвета по ассоциациям со словами

Особенности сервиса:

• для подбора цвета надо ввести в строку поиска на первой странице сайта ключевое слово на английском языке (winter , summer, banana и т.п.),
• на получившихся цветах есть коды, которые копируются при нажатии на них,
• чтобы собрать палитру, надо нажать на иконку кнопки и тогда цвет появится в верхнем ряду,
• также есть возможность скопировать ссылку (например, https://picular.co/p/UZOj) на получившуюся палитру (до 4-х цветов) и поделиться ею в социальных сетях,
• чтобы посмотреть на основе чего выбран цвет, в связи с какой ассоциацией, надо нажать на иконку изображения в правом нижнем углу области с цветом,
• можно вводить более сложные ключевые слова, например, названия блюд, фильмов и так далее, и сервис предложит цвета-ассоциации.

Klart colors — просмотр палитры в готовом дизайне

Особенности сервиса:

• коллекция цветовых палитр,
• основатель сервиса год курировал дизайны в Pixels,
• при нажатии на палитру она разворачивается на весь экран,
• при клике на цвет он копируется в буфер обмена,
• при нажатии «See in action»(увидеть в действии) сервис показывает как цвета из палитры выглядят в готовом проекте.

Shade Generator — простой генератор цвета и оттенков

Особенности сервиса:

• есть возможность случайного выбора с помощью кнопки «random»,
• в поисковой строке сервиса можно вставить код любого цвета (Hex, RGB) или название цвета на английском языке (red, yellow и т.п.),
• есть формат двойного экрана, включается с помощью кнопки «split view» — разделенный вид.

Random Color — генератор случайного цвета

Особенности сервиса:

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

Getcolor — широкий спектр инструментов

Особенности сервиса:

• русскоязычный сайт,
• определение сочетания цветов по методу Иттена,
• подбор гаммы из 2/3/4 цветов,
• коллекция готовых палитр,
• основные цвета и их оттенки,
• градация цветов,
• смешивание цветов,
• таблица смешивания цветов (примеры),
• пипетка онлайн,
• каталог цветов RAL CLASSIC  с названиями,
• градиенты можно скачать в формате JPG,
• простой фоторедактор.

Maketintsandshades — создание оттенков для заданного цвета

Особенности сервиса:

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

Happyhues — готовые цветовые палитры

Особенности сервиса:

• сайт, на котором можно посмотреть цветовые палитры, реализованные на примере сайта и элементов на нем,
• в палитрах использованы трендовые цвета,
• можно скопировать коды цветов.

Colordot — выбор цвета перемещением курсора

Особенности сервиса:

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

Goodpalette — примерка готовых палитр на шаблонах сайтов

Особенности сервиса:

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

Colorlet — подборка готовых цветовых палитр

Особенности сервиса:

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

Colorsinspo — многофункциональный сервис подбора цвета

Особенности сервиса:

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

Основные выводы

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

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

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

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

А на этом сегодня всё. Желаю вам успехов и удачи.

14 красивых генераторов цветовых палитр для вашего следующего проекта

Аднан Рехан в Дизайн | Последнее обновление: 16 ноября 2022 г.

Поделись на:

Сканер безопасности веб-приложений Invicti — единственное решение, обеспечивающее автоматическую проверку уязвимостей с помощью Proof-Based Scanning™.

Правильные цветовые схемы могут творить чудеса с вашим брендом.

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

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

Но сначала, для тех из вас, кто не знает, давайте разберемся с основами.

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

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

• Логотип
• Весь фирменный стиль
• Инфографика
• Дизайн сайта
• Мобильные приложения

Помогает передать сообщение бренда с помощью соответствующих цветов.

Преимущества выбора правильных цветов для вашего бренда

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

Придает смысл вашему бренду

Знаете ли вы, что каждый цвет несет в себе смысл?

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

Помогает завоевать доверие клиентов

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

Делает бренд узнаваемым

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

Давайте изучим генераторы цвета.

Coolors

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

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

Adobe Color CC

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

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

BrandColors

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

На данный момент у них более 600 фирменных цветов, и коллекция постоянно пополняется. Настолько, что такие известные издатели, как Smash Magazine и Tuts+, снова и снова показывали их.

Более того, им можно пользоваться бесплатно, так что обязательно ознакомьтесь с ним.

ColourCode

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

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

Khroma

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

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

ColorDrop

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

ColRD

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

COPASO

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

ColorMind

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

Color Hunt

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

Colordot

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

Palettable

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

Система Eva Design System, разделенная на 5 столбцов разных цветов, дает вам возможность выбора, когда дело доходит до цветов. В каждой колонке до 9 различных оттенков выбранного цвета, начиная от светлого и заканчивая темным. После того, как вы закончите работу над цветами, вы можете экспортировать все схемы в формате JPEG или JSON.

Flat UI Colors 2

Их новейшая версия и обновление под названием Flat UI Colors 2 лучше, чем когда-либо прежде. На самой домашней странице вы найдете 14 различных наборов цветовых палитр, от британских до индийских и других.

В каждой цветовой палитре вы найдете около 20 профессиональных цветов, подобранных специально для вас. Чтобы получить его HEX-код, все, что вам нужно сделать, это нажать «копировать», и все готово. Вы также можете изменить формат экспорта с HEX на RGB или RGBA.

Заключение

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

Спасибо нашим спонсорам

15+ лучших инструментов цветовой палитры для бизнеса [2021]

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

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

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

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

Нажмите, чтобы перейти вперед:

• Что такое цветовая палитра?
• Как выбрать цветовую палитру?
• Сколько цветов должно быть в цветовой палитре?
• Лучшие инструменты цветовой палитры

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

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

Как выбрать цветовую палитру?

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

Связанный : Как подобрать цвета, чтобы заинтересовать читателей и эффективно общаться

Сколько цветов должно быть в цветовой палитре?

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

Связанный : Что можно и чего нельзя делать при выборе цвета для инфографики

Лучшие инструменты цветовой палитры

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

1. Генератор доступных цветовых палитр: Venngage
2. Библиотека цветовых палитр: Color Hunt
3. Генератор цветовой палитры: Adobe Color
4. Создатель цветовой палитры: Paletton
5. Цветовая палитра с изображения: BrandFolder
6. Цветовая палитра по ссылке: Color Palette Generator
7. Цветовая палитра бренда: BrandColors
8. Поиск цвета: ColourLovers 9000 9
9. Цветовая палитра Производитель: Colormind
10. Генератор цветовых градиентов: uiGradients
11. Тестер контраста цветовой палитры: ColorSafe
12. Генератор дополнительных цветов: ColorHexa
1 Генератор доступных цветовых палитр: Venngage

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

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

Перевод: это тонна проб, ошибок и времени… так что сэкономьте себе дополнительное время и усилия, перевернув этот процесс!

С на 100 % бесплатным генератором цветовых палитр со специальными возможностями от Venngage вы можете создавать ряд красивых, совместимых с WCAG цветовых палитр одним из двух способов — без опыта проектирования или знаний о специальных возможностях.

Как это работает? Двумя способами:

• Рандомизировать . Не думайте дважды — бросайте кости и создавайте палитры на основе случайного цвета.
• Создать из HEX . Введите шестнадцатеричный код, чтобы открыть доступные палитры на основе выбранного вами цвета.

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

Каждая сгенерированная палитра соответствует коэффициенту контрастности 4,5:1 в соответствии с последними рекомендациями по обеспечению доступности веб-контента (WCAG) 2.1 AA.

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

Найдя понравившуюся палитру, просто нажмите Скачать . Вы получите текстовый файл с шестнадцатеричными кодами для этой палитры и цвета текста, который с ней связан (#ffffff для белого текста и #000000 для черного текста).

Готов попробовать? Вы всего в одном клике от красивой и доступной цветовой палитры:

2. Библиотека цветовых палитр: Color Hunt Винтажная коллекция ColorHunt

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

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

Вернуться к списку лучших инструментов цветовой палитры

3. Генератор цветовой палитры: Adobe Color Генератор палитры AdobeColor

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

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

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

Хотите узнать больше о других генераторах цветовых палитр? Ознакомьтесь с нашим списком из 13 лучших генераторов цветовых палитр на 2021 год. Создатель цветовой палитры на основе принципов цветового круга. Установите базовый цвет и пролистайте варианты, чтобы найти оттенки, создающие баланс и гармонию. Или испытайте удачу на случайной цветовой палитре.

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

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

Вернуться к списку лучших инструментов цветовой палитры

5. Цветовая палитра из изображения: BrandFolder Цветовая палитра BrandFolder из средства извлечения изображений

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

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

Вернуться к списку лучших инструментов цветовой палитры

6. Цветовая палитра по ссылке: Генератор цветовой палитры Генератор цветовой палитры Link Extractor

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

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

Вернуться к списку лучших инструментов цветовой палитры

7. Палитра фирменных цветов: BrandColors Корпоративные цветовые палитры BrandColors

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

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

Вернуться к списку лучших инструментов цветовой палитры

8. Поиск цвета: ColourLovers Поиск цвета ColourLovers

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

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

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

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

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

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

Вернуться к списку лучших инструментов цветовой палитры

11. Тестер контрастности цветовой палитры: ColorSafe Тестер контрастности палитры ColorSafe

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

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

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

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

Вернуться к списку лучших инструментов цветовой палитры

13. Генератор случайных цветовых палитр: Coolors Coolors Генератор случайных цветовых палитр

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

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

Вернуться к списку лучших инструментов цветовой палитры

14. Расширение цветовой палитры: EyeDropper Расширение браузера ColorPicker

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

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

Вернуться к списку лучших инструментов цветовой палитры

15. Средство выбора цветовой схемы: Khroma Средство выбора цветовой схемы Khroma

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

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

Вернуться к списку лучших инструментов цветовой палитры

16. Генератор цветовых оттенков: ColorDesigner Генератор цветовых оттенков ColorDesigner

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

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

Вернуться к списку лучших инструментов цветовой палитры

17. Шестнадцатеричный генератор цветов: ColourCode ColourCode шестнадцатеричный генератор цветов

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

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

No related posts.