Illustration: Colors sampled from artwork into a palette.
Illustration: Colors sampled from artwork into a palette.
Source artwork

Illustrative preview

Генератор цветовой палитры — создание и экспорт цветовых схем

Создайте 3–8 цветовых палитр с дополнительными, аналоговыми, триадными и другими режимами гармонии. Заблокируйте цвета, поделитесь URL-адресом или бесплатно экспортируйте CSS, JSON и PNG.

Что можно сделать с помощью Генератор цветовых палитр

Прежде чем начать, ознакомьтесь с основными возможностями.

  • Генерируйте цветовые палитры с режимами гармонии
  • Зафиксируйте понравившиеся цвета и перегенерируйте остальные
  • Создавайте палитры от 3 до 8 цветов
  • Экспортируйте как CSS-переменные для вашего проекта.
  • Сохраняйте палитры как PNG или JSON
  • Делитесь фирменными цветовыми палитрами с командой

Справочник по настройкам

Доступные элементы управления для Генератор цветовых палитр.

Настройки

ГармонияВыпадающий список
Задаёт правило цветового круга для новых палитр — случайные оттенки, монохромные оттенки одного тона, соседние аналоговые оттенки, противоположные комплементарные или три равноудалённых триадических; закреплённые образцы служат опорой схемы.Параметры: СлучайныйМонохромныйАналогичныеКомплементарныеТриадические
ЦветаВыпадающий список
Задаёт, сколько образцов содержит палитра — от 3 до 8 (начинается с 5); при уменьшении сохраняются первые цвета, а при увеличении добавляются новые ячейки, не меняя уже существующие образцы.Параметры: 345678

Палитра

СгенерироватьВ один клик
Перемешивает все незакреплённые образцы и собирает новую палитру в текущем режиме гармонии; то же самое делает нажатие пробела.
ЗаблокироватьВкл / Выкл
Закрепляет отдельный образец, чтобы его цвет сохранялся при новой генерации; режимы гармонии строят остальную схему вокруг закреплённых вами цветов.
Бесплатно · Без регистрации · Без водяного знакаПередача загружаемых файлов зашифрованаУдалено согласно политике хранения данных

Инструменты для общих следующих шагов после Генератор цветовых палитр.

Все инструменты

Часто задаваемые вопросы

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

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

Маркетинг

Исследование фирменных цветов

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

Для авторов

Дизайн сайтов и приложений

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

Сценарий использования

Шаблоны для презентаций и соцсетей

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

Для авторов

Проекты в искусстве, рукоделии и интерьере

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

Наблюдайте за каждой трансформацией

Каждая фотография проходит через разделитель без изменений и выходит готовой.