Создать свою палитру цветов: Подбираем цветовую палитру

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, я принимаю Политику конфиденциальности

Наш юрист будет ругаться, если вы не примете 🙁

Как запустить email-маркетинг с нуля?

В бесплатном курсе «Rock-email» мы за 15 писем расскажем, как настроить email-маркетинг в компании. В конце каждого письма даем отбитые татуировки об email ⚡️

*Вместе с курсом вы будете получать рассылку блога Unisender

Оставляя свой email, я принимаю Политику конфиденциальности

Наш юрист будет ругаться, если вы не примете 🙁

Как сделать пользовательскую цветовую палитру

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

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

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

Индекс

  • 1 Что такое цветовая палитра?
  • 2 Классические комбинации для фруктового мороженого
    • 2.1 Монохромные цвета
    • 2.2 Дополнительные цвета
    • 2.3 соседние цвета
    • 2.4 триада
  • 3 Как создать цветовую палитру?
    • 3.1 Adobe Capture
    • 3.2 цвет
    • 3.3 Шестнадцатеричный цвет
    • 3. 4 Coolors
    • 3.5 Исследователь цвета
  • 4 Примеры палитры
    • 4.1 цветовая палитра земли
    • 4.2 сладкая цветовая палитра
    • 4.3 цветовая палитра моря
    • 4.4 весенняя цветовая палитра
    • 4.5 цветовая палитра звездной ночи
    • 4.6 нейтральная цветовая палитра

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

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

Подпишитесь на наш Youtube-канал

Первое, что нам нужно знать, это то, что означает цветовую палитру и что стоит за этим термином.

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

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

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

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

Классические комбинации для фруктового мороженого

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

Монохромные цвета

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

Дополнительные цвета

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

соседние цвета

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

триада

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

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

Как создать цветовую палитру?

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

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

Adobe Capture

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

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

цвет

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

Шестнадцатеричный цвет

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

Coolors

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

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

Исследователь цвета

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

Примеры палитры

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

цветовая палитра земли

сладкая цветовая палитра

цветовая палитра моря

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

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

нейтральная цветовая палитра

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

10 бесплатных онлайн-инструментов для создания цветовых палитр

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

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

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

Искусство Джазмин Варела (@jazminvarela). Ознакомьтесь с ее курсом в ресурсах в конце этого поста!

1. Khroma

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

Крома.

2. Colormind

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

Иллюстрация учителя Домастики Андонеллы (@andonella).

3. Color Drop

Если вам нужна цветовая палитра для логотипа, веб-сайта или проекта плоского дизайна, Color Drop идеально подойдет. Бесплатный с некоторыми осторожными объявлениями, веб-сайт предлагает несколько инструментов. Просмотрите палитры , отфильтровав «случайные», «новые» и «популярные». Выберите из их плоских цветовых спектров , чтобы легко получить шестнадцатеричные коды. Наконец, генерирует градиенты из двух цветов с помощью кода, необходимого для добавления их в веб-проекты.

Капля цвета.

4. Adobe Color

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

Все, что вы решите сохранить, будет сохранено в вашей учетной записи и может использоваться с продуктами Adobe, такими как Photoshop и Illustrator, через панель тем Adobe Color или CC Libraries.

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

5. ColorSpace

У вас есть любимый цвет, но вы не знаете, с чем его сочетать, чтобы добиться желаемого эффекта? ColorSpace — самый простой и быстрый инструмент в этом списке!

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

Цветовое пространство.

6. Colorkuler

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

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

Цветовая палитра Domestika, созданная с помощью Colorkuler.

7. Цветная Лиза

Хотите вдохновиться культовым художником или картиной ? Чтобы перенести настроение и атмосферу известных произведений в свои работы, попробуйте Color Lisa. Просмотрите по фамилии художника и найдите пятицветные наборы от Баскии, да Винчи, Кало и Эшера.

Цветовая палитра для фильма Жана-Мишеля Баскии «Пыльные головы» через Color Lisa.

8. Brand Colors

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

Фирменные цвета.

9. Coolors

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

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

Трендовые палитры на Coolors.

10. Цветовая палитра Cinema

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

Изображение из «Вечного сияния чистого разума» через @colorpalette.cinema в Instagram.

Углубите свои знания в области теории цвета и примените их с помощью этих ресурсов

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

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

2. Посмотрите эти семь бесплатных обучающих материалов по цвету, чтобы узнать, как использовать цвет различными способами.

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

4. Изучите технику цветной трафаретной печати для одежды с помощью этого курса от YUK FUN.

15 лучших бесплатных онлайн-генераторов цветовых палитр на 2021 год

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

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

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

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

4 совета по созданию профессиональных цветовых палитр

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

1. Различные типы цветовых палитр

В первую очередь вам следует знать о четырех основных типах цветовых палитр.

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

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

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

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

Рассмотрите возможность применения психологии цвета при выборе цветов для вашей цветовой палитры.

3. Использование цветовых тенденций

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

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

4. Найдите вдохновение в реальных фотографиях

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

Давайте без лишних слов приступим к изучению генераторов цветовой палитры, не так ли?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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