Как этим пользоваться?

Выберите цвет и число шагов — шкала от светлого к тёмному построится сама. Нажмите «Выполнить», чтобы добавить её в список.

Можно изменить число шагов?

Доступны 9, 10 или 12 шагов. Десять соответствуют шкале 50–900, принятой в Tailwind и похожих дизайн-системах.

Нажмите любую полосу в предпросмотре, чтобы скопировать её HEX. Кнопка копирования у сохранённой шкалы берёт все шаги сразу.

Шкала оттенков цвета

Разверните один цвет в полную шкалу 50–900 от светлого к тёмному.

Базовый цвет

Сколько шагов

Выберите цвет, нажмите «Выполнить» — шкалы соберутся здесь.