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

Генератор монохроматической палитры создаёт гармоничные цветовые схемы из одного базового цвета, генерируя оттенки (темнее) и тинты (светлее). Настройте количество шагов и экспортируйте палитру как переменные CSS, конфиг Tailwind или скопируйте отдельные значения HEX/RGB.

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

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

Результат

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

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