Перейти к содержимому
🎨

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

Генерируйте цветовые палитры из базового цвета: монохромные, аналогичные, комплементарные, триадные, тетрадные. Экспорт в CSS или JSON.

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

Цветовые гармонии — математические отношения на цветовом круге. Аналогичная выбирает соседей (связно, спокойно); комплементарная использует противоположности (высокий контраст); триадная выбирает три равноудалённых цвета (живо); тетрадная выбирает четыре (богато, но сложнее сбалансировать). Инструмент вычисляет повороты hue в HSL-пространстве.

Объяснение гармоний

  • Монохромная — один hue, разная светлота.
  • Аналогичная — три соседа на круге.
  • Комплементарная — противоположный hue.
  • Триадная / тетрадная — три или четыре равноудалённых hue.

Применение

  • Брендинг — выводите палитру из основного цвета.
  • UI-дизайн — генерируйте согласованные акцентные цвета.
  • Иллюстрации — выбирайте гармонии для слоистой графики.
  • Визуализация данных — создавайте различимые цвета категорий.

Конфиденциальность

Вся генерация выполняется на 100% в вашем браузере. Данные не отправляются на сервер.