Générateur de Dégradé CSS

Créez gratuitement de beaux dégradés CSS en ligne. Concevez des dégradés linéaires et radiaux avec plusieurs arrêts de couleur et copiez le code CSS instantanément.

Preview
CSS Code

Comment ça fonctionne

  1. Choisissez le type de dégradé – linéaire ou radial – en fonction de vos besoins de conception.
  2. Ajoutez des points de couleur en cliquant sur la barre de défilement et en sélectionnant les couleurs dans le sélecteur de couleurs.
  3. Réglez l'angle ou la direction du dégradé à l'aide du contrôle de rotation.
  4. Visualisez le résultat en temps réel dans la zone d'aperçu.
  5. Copiez le code CSS généré en un seul clic et collez-le directement dans votre projet.

Exemple

Entrée: Dégradé linéaire : de #F953C6 (0%) à #B91D73 (100%), angle 135°
Résultat: background: linear-gradient(135deg, #F953C6 0%, #B91D73 100%);

FAQ

Oui, absolument. Tout le traitement s'effectue directement dans votre navigateur côté client. Aucune donnée n'est envoyée à un quelconque serveur, votre travail reste donc totalement privé.

Oui, vous pouvez ajouter autant de points de couleur que vous le souhaitez pour créer des dégradés complexes et multicolores avec des transitions fluides.

Le code généré est compatible avec tous les navigateurs modernes. L'outil ajoute automatiquement les préfixes nécessaires pour une compatibilité plus large.

Non, le générateur de dégradés CSS est entièrement gratuit et ne nécessite aucune inscription ni connexion.

Un dégradé linéaire effectue une transition d'une couleur à une autre le long d'une ligne droite, tandis qu'un dégradé radial rayonne depuis un point central vers l'extérieur en forme circulaire.