Générateur de dégradé CSS

Choisissez vos couleurs et le type de dégradé : l'aperçu et le code CSS se mettent à jour en direct.

🔒 Génération locale, aucune donnée envoyée.

Comment créer un dégradé CSS ?

  1. Choisissez deux couleurs.
  2. Sélectionnez le type (linéaire ou radial) et l'angle.
  3. Copiez la propriété background générée.

Dégradé linéaire ou radial ?

Le dégradé linéaire suit une direction (un angle) ; le dégradé radial rayonne depuis un centre. Les deux s'utilisent dans la propriété CSS background.

Questions fréquentes

Les dégradés CSS sont-ils bien supportés ?

Oui, ils sont pris en charge par tous les navigateurs modernes.

Puis-je ajouter plus de deux couleurs ?

La syntaxe CSS le permet ; ici l'outil gère deux couleurs, idéal pour la majorité des cas.

Outils complémentaires