Генератор монохромной палитры
Создайте монохромную цветовую палитру на основе одного базового цвета: меняется только яркость, а оттенок остаётся единым. Расчёт на 100% локально в вашем браузере.
Как это работает
Монохромная палитра сохраняет один оттенок и меняет только светлоту — от очень тёмного до очень светлого. Получается гармоничный и профессиональный вид, который часто применяют в дизайн-системах и строгих интерфейсах. Инструмент переводит ваш базовый цвет в HSL, фиксирует тон и насыщенность, а затем автоматически распределяет несколько уровней яркости от 12% до 92%, чтобы построить палитру.
Чем монохромная палитра отличается от комплементарной?
Комплементарная палитра сочетает противоположные на цветовом круге оттенки, чтобы создать контраст, а монохромная остаётся в одном оттенке и играет только яркостью. Результат получается более сдержанным и цельным — это особенно удобно для интерфейсов, где цвет не должен отвлекать от содержимого.
Сколько цветов выбрать для интерфейса?
Обычно хватает от 5 до 8 тонов, чтобы закрыть типичные потребности интерфейса (фон, границы, текст, состояние при наведении, активное состояние). Если для сложных компонентов нужна более тонкая градация, увеличьте число цветов.
Вся палитра рассчитывается в вашем браузере: базовый цвет никогда не передаётся на сервер.