Что такое цветовые гармонии?

Наборы цветов, подобранные по их положению на цветовом круге: аналоговые цвета расположены рядом, комплементарные — напротив друг друга, а триадные — на равном расстоянии.

Что такое оттенки и тона?

Более тёмные и более светлые варианты одного цвета. Шкала оттенков даёт одиннадцать ступеней от 50 (самый светлый) до 950 (самый тёмный), как в дизайн-системах.

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

Экспортируйте её как переменные CSS, тему Tailwind, JSON или простой список HEX-кодов.

Что-нибудь загружается на сервер?

Нет. Палитры создаются на вашем устройстве.

Генератор цветовых палитр — это бесплатно?

Да. Пользоваться можно бесплатно, без регистрации и без установки.

Инструменты для цвета

Генератор цветовых палитр онлайн — бесплатно

Бесплатно, без регистрации, работает в браузере. Создавайте цветовые палитры одним нажатием клавиши, закрепляйте понравившиеся цвета или стройте палитру от базового цвета с аналоговой, комплементарной или триадной гармонией. Экспорт в переменные CSS, Tailwind или JSON.

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

Изменить
Изменить
Изменить
Изменить
Изменить

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

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

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

Оттенки #2F5BFF

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

Экспорт

CSS-переменныеTailwindJSONСписок HEX

:root {
  --color-1: #1a1446;
  --color-2: #2f5bff;
  --color-3: #3ddc97;
  --color-4: #ffe14d;
  --color-5: #ff7ac6;
}

Палитры создаются на вашем устройстве.

Почему стоит выбрать Генератор цветовых палитр

100% бесплатно: Пользуйтесь сколько угодно. Без регистрации, без водяных знаков, без установки.
Конфиденциально по умолчанию: Всё, что вы вводите, остаётся в браузере и никогда не отправляется нам.
Работает на любом устройстве: Работает в браузере на Windows, Mac, Linux, Android и iPhone. Приложение не нужно.

Как пользоваться: Генератор цветовых палитр

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

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

Что такое цветовые гармонии?: Наборы цветов, подобранные по их положению на цветовом круге: аналоговые цвета расположены рядом, комплементарные — напротив друг друга, а триадные — на равном расстоянии.
Что такое оттенки и тона?: Более тёмные и более светлые варианты одного цвета. Шкала оттенков даёт одиннадцать ступеней от 50 (самый светлый) до 950 (самый тёмный), как в дизайн-системах.
Как использовать палитру в коде?: Экспортируйте её как переменные CSS, тему Tailwind, JSON или простой список HEX-кодов.
Что-нибудь загружается на сервер?: Нет. Палитры создаются на вашем устройстве.
Генератор цветовых палитр — это бесплатно?: Да. Пользоваться можно бесплатно, без регистрации и без установки.