Générateur de dégradés CSS
Construisez un dégradé CSS visuellement : choisissez les couleurs, déplacez leurs positions, réglez l'angle et copiez le CSS.
Aucune donnée requise
Mode d'emploi
- Choisissez linéaire, radial ou conique.
- Choisissez les couleurs et leurs positions.
- Réglez l'angle.
- Copiez le CSS.
Comment ça marche
L'outil produit les fonctions CSS standard prises en charge par tous les navigateurs modernes : linear-gradient(angle, couleur position, …), radial-gradient(…) et conic-gradient(from angle, …). Les points sont triés pour que le code soit toujours valide.
Pour un texte lisible sur un dégradé, vérifiez le contraste sur la partie la plus claire et la plus foncée.
Exemples
- Fond de bannière
- linear-gradient(135deg, #0d6e63 0%, #3cc3b0 55%, #f5d76e 100%)
Utilisations courantes
- Bannières et boutons
- Fonds et cartes
- Tester des idées de couleurs
Confidentialité et sécurité
Cet outil ne demande aucune donnée personnelle ni aucun fichier. Les résultats sont générés sur votre appareil. Comment chaque outil traite les fichiers
Questions fréquentes
Faut-il des préfixes navigateurs ?
Non, les dégradés sans préfixe sont pris en charge depuis des années.
Et la transparence ?
Oui, modifiez le CSS avec rgba() ou des couleurs hex à 8 chiffres.
Dernière mise à jour: