Couleur & Design
Générateur de dégradés
Générateur de dégradés CSS gratuit. Créez visuellement des dégradés linéaires, radiaux et coniques. Copiez instantanément le CSS ou les classes Tailwind. Aperçu en direct pendant l'ajustement.
Gradient generator
CSS
background: linear-gradient(135deg, #3b82f6, #a855f7);Tailwind (approx)
bg-gradient-to-br from-[#3b82f6] to-[#a855f7]Note de la rédaction
Understanding · Two colours and a path between them.
Ce chapitre approfondi n'est actuellement disponible qu'en anglais. L'outil de conversion ci-dessus fonctionne dans votre langue ; le long article explicatif n'a pas encore été traduit.
Questions fréquentes
Quick answers.
›What gradient types are supported?
Linear, radial and conic — all three CSS gradient types.
›Can I add color stops?
Yes — add as many color stops as you need with custom positions for fine-grained control.
›Does it output Tailwind?
Yes — toggle to get Tailwind utility classes (e.g. bg-gradient-to-r from-blue-500 to-purple-600).
›Is the generator free?
Yes — fully free, no signup, runs in your browser.
Les internautes recherchent aussi
Use with
What people reach for next.
Outils similaires
More in this room.
- Générateur d'ombres portéesÉditeur visuel de box-shadow CSS.
- Générateur de border-radiusÉditeur de border-radius CSS par coin.
- Éditeur de courbe de BézierConcevez visuellement les courbes d'accélération CSS.
- Générateur d'Animations CSSConstruisez des keyframes visuellement, copiez le CSS prêt à coller.
- Générateur de Filtres CSSAperçu en direct du flou, de la luminosité, de la rotation de teinte et plus encore.
- Générateur de GlassmorphismCartes d'interface utilisateur en verre dépoli avec backdrop-filter.