Обзор Генератор палитры
Гармонии из любого цвета
Как использовать
Начните с одного базового цвета или с нуля, закрепите понравившиеся образцы и за секунды получите гармоничные палитры.
Ограничения
Гармонии строятся по геометрии цветового круга. Смысл бренда и реальную доступность оцениваете вы.
Генератор палитры
Как работают правила гармонии
Правило вращает цветовой круг на фиксированный угол: аналогичные рядом, комплементарные напротив, триады и тетрады распределены равномерно.
Закрепите нужные цвета и создайте остальные заново: закреплённые останутся, остальные следуют новому правилу.
Доступная палитра интерфейса
Начните с брендового цвета, постройте нейтральную шкалу того же тона, а насыщенные цвета оставьте для действий и состояний.
Проверяйте каждую пару текст/фон контраст-чекером и готовьте более тёмные и светлые варианты для hover и pressed.
Частые вопросы
Что меняет настройка гармонии?
Она меняет поворот цветового круга при генерации. Авто использует сбалансированное распределение, остальные режимы следуют классической теории.
Можно закрепить отдельные цвета?
Да. Используйте кнопку замка на плашке; закреплённые цвета сохраняются при перегенерации и сортировке.
Как экспортировать палитру?
Копируйте CSS-переменные, скачайте PNG-полосу или сохраните палитру в браузере кнопкой закладки.
Сколько цветов помещается?
До восьми, с вставкой между цветами и перетаскиванием для сортировки.