Цветовой инструмент

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

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

Базовый цвет
Гармония
Цвета 6
Тона

Базовый цвет и противоположный ему на круге — максимальный контраст.

6 цветов
#003FF7
#4F7CFF
#A6BDFF
#F7B800
#FFD24F
#FFE8A6

Темы (необязательно)

Открыть в редакторе

Войдите, чтобы опубликовать в общей библиотеке.

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

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

Виды гармонии

  • Дополнительные — ваш цвет и противоположный ему на круге. Смелые сочетания с сильным контрастом.
  • Аналогичные — цвета, стоящие рядом. Спокойные, естественные, приятные глазу.
  • Триада и квадрат — три-четыре цвета, равномерно расставленные по кругу: яркие, но уравновешенные.
  • Раздельные — базовый цвет плюс два соседа его дополнительного: контраст мягче.
  • Монохром — один тон в разной насыщенности и светлоте: чисто и тонально.
  • Тени и осветления — ваш цвет ступенями от тёмного оттенка до светлого.

Как пользоваться

  • Выберите базовый цвет пипеткой или вставьте hex-код.
  • Переключайте типы гармонии и сравнивайте палитры рядом.
  • Задайте число цветов и разброс тонов по вкусу.
  • Правьте любой образец, затем скопируйте hex-коды для своего проекта.
  • Открыть палитру в редакторе , чтобы сразу начать рисовать.
  • Опубликуйте её в библиотеке палитр , чтобы использовать её снова и делиться ею.

Частые вопросы

Как сделать палитру из одного цвета?
Выберите базовый цвет и гармонию, затем задайте число цветов и тональный разброс. Подходящие цвета мгновенно рассчитываются по цветовому кругу.
Что означают типы гармонии?
Комплементарная берёт противоположный цвет для сильного контраста. Аналоговая — соседние цвета для спокойного сочетания. Триада и Квадрат равномерно распределяют цвета для яркого баланса. Монохром и Оттенки меняют тон одного цвета.
Можно выбрать количество цветов?
Да. Задайте от 2 до 16 цветов и выберите уровень тонов (Слабый, Средний или Сильный), чтобы управлять разбросом от светлого к тёмному.
Это бесплатно?
Да — полностью бесплатно и без регистрации. Аккаунт нужен, только чтобы опубликовать палитру в общей библиотеке.
Можно редактировать сгенерированные цвета?
Да. Нажмите на образец, чтобы изменить его, добавьте или удалите цвета, затем скопируйте hex-коды, откройте в редакторе или опубликуйте.
Где можно использовать палитру?
Скопируйте hex-коды в любой дизайн или игровой проект, откройте палитру прямо в редакторе пиксель-арта или сохраните её в библиотеку на потом.