Что такое Монохромная Палитра?

Выберите базовый цвет и создайте из него тёмные и светлые оттенки. Задайте количество шагов, затем экспортируйте как CSS-переменные, конфигурацию Tailwind или скопируйте отдельные hex/RGB-значения.

Как использовать

1. Выберите базовый цвет с помощью палитры или введите HEX-код напрямую.
2. Настройте количество оттенков и тинтов (шагов) и задайте диапазон темноты/светлоты.
3. Скопируйте отдельные значения цветов или экспортируйте всю палитру как CSS-свойства, объект конфигурации Tailwind или изображение со свотчами.

Результат

Вы создаёте дашборд и вам нужна синяя палитра для визуализации данных. Выбираете #3B82F6 как базовый цвет, генерируете 9 шагов — от почти белого (#EBF2FE) до почти чёрного (#1A2744). Экспортируете как CSS-переменные и используете --color-blue-100 через --color-blue-900 по всем графикам.

Похожие инструменты