Генератор градиентов и цветов Tailwind

Проектируйте градиенты и тени блоков визуально, затем копируйте точные классы утилит Tailwind — без догадок и погружения в документацию.

Направление

Начальный цвет

Использовать промежуточный цвет

Промежуточный цвет (необязательно)

Конечный цвет

Предпросмотр

Классы Tailwind

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

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

STEP 1

Выберите начальный, промежуточный и конечный цвета с помощью палитры или введите любое название цвета Tailwind.

STEP 2

Задайте направление, прозрачность и стиль тени. Предварительный просмотр обновляется мгновенно.

STEP 3

Один клик — и строка классов утилит Tailwind, готовая к вставке, скопирована в буфер обмена.