🎨

генератор цветовой схемы

Выберите базовый цвет и создайте гармоничную цветовую схему. Выбирайте комплементарные, аналогичные, триадные и другие схемы. Мгновенно копируйте HEX, RGB или переменные CSS.

Инструменты-генераторы Работает локально Данные не отправляются
цветпалитрасхемадизайн
Комплементарная

Что такое генератор цветовой схемы?

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

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

  1. Выберите базовый цвет с помощью средства выбора цвета или введите значение HEX.
  2. Выберите тип гармонии (комплементарная, аналогичная, триадическая и т. д.).
  3. Нажмите на любой образец, чтобы скопировать его HEX, или экспортируйте все как CSS-переменные / JSON.
Подробнее▾
Типы цветовой гармонии
  • Комплементарная —противоположные цвета, высокий контраст
  • Аналоговая —соседние цвета, гармоничные и спокойные
  • Триадная —три равноудалённых цвета, яркие
  • Раздельно-комплементарная —основной + два цвета, соседние с комплементарным
  • Тетрадическая —четыре цвета, образующие прямоугольник на круге
  • Монохроматическая —тёмные и светлые оттенки одного тона
Часто задаваемые вопросы
Как использовать эти цвета в CSS?

Нажмите «Копировать как CSS-переменные», чтобы получить готовый для вставки фрагмент со всеми цветами в виде пользовательских свойств.

Можно ли экспортировать палитру в JSON?

Да. Нажмите «Экспорт JSON», чтобы скачать цветовую схему со значениями HEX и RGB.