Генератор оттенков цвета

Введите базовый HEX-цвет и получите полную шкалу от 50 до 900 — тинты к белому и шейды к чёрному, в стиле Tailwind. Нажмите на любой образец, чтобы скопировать его HEX.

Базовый цвет

Работает полностью в вашем браузере. Ничего не загружается.

Как это работает

STEP 1

Выберите цвет

Введите или вставьте любой HEX-код цвета в поле или воспользуйтесь палитрой.

STEP 2

Сгенерируйте шкалу

Нажмите «Генерировать» и получите 11 образцов от 50 (самый светлый) до 900 (самый тёмный).

STEP 3

Скопируйте и используйте

Нажмите на любой образец, чтобы скопировать его HEX, или скопируйте всю шкалу как CSS-переменные.