Générateur de dégradé CSS

Concevez un dégradé CSS linéaire ou radial avec aperçu en direct, puis copiez le CSS.

100 % privé — fonctionne entièrement dans votre navigateur. Vos données sont traitées sur votre appareil et ne sont jamais envoyées sur Internet.

À propos de cet outil

Ce générateur de dégradé CSS gratuit vous permet de concevoir un dégradé linéaire ou radial avec autant d'arrêts de couleur que vous le souhaitez, de définir l'angle, de le prévisualiser en direct et de copier le CSS prêt à l'emploi.

Tout fonctionne dans votre navigateur — rien n'est envoyé.

Fonctionnalités

  • Dégradés linéaires ou radiaux
  • Plusieurs arrêts de couleur avec positions ajustables
  • Contrôle de l'angle pour les dégradés linéaires
  • Aperçu en direct et copie du CSS en un clic

Comment l'utiliser

  • Choisissez un type — linéaire ou radial
  • Définissez vos arrêts de couleur — changez les couleurs et faites glisser leurs positions, ajoutez-en d'autres si nécessaire
  • Ajustez l'angle (linéaire)
  • Copiez le CSS — collez-le directement dans votre feuille de style

Plus d’outils

Tout voir