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

Четыре шага: вставить, запустить, проверить, скопировать. Всё в браузере.

Вставьте данные

Добавьте CSS, HTML, JSON или другой текст. Ничего не загружается на сервер.

Запустите инструмент

Нажмите «Конвертировать» или «Запустить». Результат появится сразу.

Проверьте результат

Просмотрите код и заметки перед использованием.

Скопируйте и вставьте

Скопируйте вывод и вставьте его в проект.

Об этом инструменте

Генератор собирает линейный градиент из двух точек, показывает его в предпросмотре и позволяет скопировать как обычный CSS, так и произвольный класс фона Tailwind.

Пример

По умолчанию показан диагональный переход от небесно-голубого к зелёному.

Ввод

135deg · #0ea5e9 → #22c55e

Вывод

background: linear-gradient(135deg, #0ea5e9, #22c55e);

Совет

Фирменные градиенты с большим числом точек удобнее держать в CSS-переменных.