Générateur de Dégradé

Créez de beaux dégradés CSS avec aperçu en direct et génération de code

Arrêts de Couleur

#ff6b6b
#4ecdc4

Aperçu en Direct

Code CSS

background: linear-gradient(45deg, #ff6b6b 0%, #4ecdc4 100%);
Options Avancées

Historique

1 / 1
Prédéfinis
Historique
1 dégradés

Conseils

Les dégradés linéaires transforment les couleurs en ligne droite. Parfaits pour les arrière-plans subtils et les designs modernes.

Générateur de Dégradé

Créez de beaux dégradés CSS avec aperçu en direct et génération de code

Comment utiliser

  1. Sélectionnez votre type de dégradé (linéaire, radial ou conique)
  2. Choisissez la direction ou l'angle pour votre dégradé
  3. Ajoutez des arrêts de couleur en cliquant sur 'Ajouter une Couleur'
  4. Ajustez les couleurs en utilisant le sélecteur de couleur pour chaque arrêt
  5. Positionnez les arrêts de couleur en utilisant le curseur (0-100%)
  6. Aperçu de votre dégradé en temps réel
  7. Copiez le code CSS généré pour utiliser dans votre projet