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

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

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

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

The base color and its opposite on the wheel — maximum contrast.

6 colors
#003FF7
#4F7CFF
#A6BDFF
#F7B800
#FFD24F
#FFE8A6

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

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

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

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

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

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

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

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

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

How do I make a color palette from one color?
Pick your base color, choose a harmony, then set how many colors and how much tonal spread you want. The matching colors are calculated from the color wheel instantly.
What do the harmony types mean?
Complementary uses the opposite color for high contrast. Analogous uses neighbours for a calm blend. Triadic and Square space colors evenly for vivid balance. Monochrome and Shades vary one hue tonally.
Can I choose the number of colors?
Yes. Set the palette size from 2 to 16 colors, and pick a Tones level (Subtle, Medium or Strong) to control how light-to-dark the palette spreads.
Is it free?
Yes — completely free, no signup. You only need an account if you want to publish a palette to the public library.
Can I edit the generated colors?
Yes. Click any swatch to adjust it, add or remove colors, then copy the hex codes, open them in the editor, or publish.
Where can I use the palette?
Copy the hex codes into any design or game project, open the palette straight in the pixel art editor, or save it to the library to reuse later.