Дизайн

Генератор цветовых палитр

Гармоничные цветовые схемы из базового цвета.

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

 

Конвертировать форматы: Конвертер цветов · оттенки: Генератор оттенков цвета · градиенты: Генератор градиентов CSS.

Сгенерировать цветовую палитру

Режимы гармонии с экспортом в CSS, Tailwind и JSON. Заблокируйте понравившиеся цвета и сгенерируйте остальные заново.

Вопросы и ответы

Как выбираются цвета?

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

Можно ли скопировать цвет?

Да — нажмите любой образец, чтобы скопировать его значение HEX. Экспортируйте палитру как переменные CSS, фрагмент конфигурации Tailwind или JSON.

Можно ли экспортировать переменные CSS?

Да — скопируйте блок :root или Tailwind theme extend либо скачайте CSV палитры для электронных таблиц.

Последнее обновление: