Générateur de dégradés CSS
Créez des dégradés linéaires, radiaux et coniques avec aperçu en direct. Export CSS et Tailwind. 100% navigateur.
Stops de couleurs
Préréglages
background: linear-gradient(135deg, #3a7bd5 0%, #00d2ff 100%);
bg-[linear-gradient(135deg,_#3a7bd5_0%,_#00d2ff_100%)]
Vous utilisez souvent cet outil ? Pro inclut des fichiers jusqu'à 500 Mo et un traitement prioritaire.
Qu'est-ce que Générateur de dégradés CSS ?
Le générateur de dégradés CSS WebFileTools crée des background CSS linear-gradient, radial-gradient ou conic-gradient avec un aperçu plein écran et un export Tailwind.
Comment utiliser cet outil ?
Choisissez le type, ajoutez des stops de couleurs, ajustez l'angle ou la forme, puis copiez la valeur CSS ou la classe Tailwind générée.
Avantages
- Aperçu plein écran en temps réel
- Stops de couleurs illimités
- Export CSS + Tailwind
- 12 préréglages élégants
- 100% navigateur
Questions fréquentes
- Quels types de dégradés sont supportés ?
- Linéaire, radial et conique avec stops de couleurs illimités, angles ou formes (ellipse/cercle) configurables.
- Le code est-il compatible Tailwind ?
- Oui, l'outil exporte également la classe Tailwind arbitraire bg-[linear-gradient(...)] prête à coller.
- Mes dégradés sont-ils envoyés au serveur ?
- Non. Tout est calculé dans votre navigateur, aucune donnée ne quitte votre appareil.
Outils similaires
Générateur de palette de couleurs
Générez des palettes complémentaires, triadiques, analogues, monochromatiques à partir d'une couleur de base. Export CSS variables, contraste WCAG inclus.
Utiliser →Convertisseur de couleurs
Convertissez instantanément vos couleurs entre HEX, RGB et HSL directement dans votre navigateur. Outil gratuit, 100% local.
Utiliser →Générateur de box-shadow
Créez des ombres CSS box-shadow avec offset, flou, étalement, couleur et inset. Plusieurs couches superposées. Export CSS et Tailwind.
Utiliser →