Gratuit

Gradient Generator

Créez des dégradés CSS personnalisés en quelques clics. Ajoutez des couleurs, ajustez l'angle et exportez.

Angle: 135°

0°90°180°270°360°

100%

.gradient {
  background: #667eea; /* Fallback */
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

Astuces pour de beaux dégradés

Utilisez des couleurs proches sur le cercle chromatique pour des transitions douces.

Un angle de 135° ou 45° crée des dégradés dynamiques et modernes.

Ajoutez toujours une couleur de fond simple en fallback pour les anciens navigateurs.

Testez le contraste entre le premier et le dernier stop du gradient.

Mélangez le premier et le dernier stop dans le Color Mixer.