Irodori彩り

Редактор палитры

Создавайте, блокируйте, сортируйте и экспортируйте палитру из одного базового цвета. Всё локально в браузере.

Генератор палитры

#104E8B

Как работают правила гармонии

Правило вращает цветовой круг на фиксированный угол: аналогичные рядом, комплементарные напротив, триады и тетрады распределены равномерно.

Закрепите нужные цвета и создайте остальные заново: закреплённые останутся, остальные следуют новому правилу.

Доступная палитра интерфейса

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

Проверяйте каждую пару текст/фон контраст-чекером и готовьте более тёмные и светлые варианты для hover и pressed.

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

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