Настройки
90°
Точки цвета
CSS код
 
100% локально Без сервера Без регистрации Без трекинга

Часто задаваемые вопросы

Какие типы градиентов поддерживаются?

Линейный (прямая линия с углом), радиальный (круговой из центра) и конический (обход цветом вокруг точки). Всё генерирует валидный CSS для современных браузеров.

Как добавить или удалить точки цвета?

Нажмите «Добавить» для новой точки цвета. У каждой есть цветовой пикер и слайдер позиции (0–100%). Нажмите × для удаления. Минимум 2 точки.

Какой CSS генерируется?

Свойство background с linear-gradient(), radial-gradient() или conic-gradient() со всеми точками цвета и настройками.

Мои данные в безопасности?

Да. Вся генерация происходит полностью в вашем браузере. Данные никогда не отправляются на сервер.

Можно использовать в Tailwind или CSS-in-JS?

Да. CSS работает везде — в стилях, Tailwind arbitrary values, styled-components и CSS modules.

Как сделать прозрачный градиент в CSS?

Используйте rgba цвета: background: linear-gradient(to right, rgba(79,70,229,1), rgba(79,70,229,0)). Последнее значение (alpha) контролирует прозрачность.

Как применить градиент к тексту в CSS?

Используйте background-clip: text с -webkit-text-fill-color: transparent. Пример: background: linear-gradient(90deg, #4f46e5, #10b981); -webkit-background-clip: text; -webkit-text-fill-color: transparent.