Générateur de dégradé

Créer des dégradés CSS

Type

Direction

Angle90°

Couleurs

Couleur

Position0%

Couleur

Position100%

CSS

linear-gradient(90deg, #667eea 0%, #764ba2 100%)

Code complet

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

Continuez à explorer

Outils qui vont bien avec ce que vous utilisez :

Créer des ombres CSS avec aperçu visuel en temps réel

Convertir entre HEX, RGB et HSL

Créer des bordures arrondies avec contrôle individuel pour chaque coin

Vous avez aimé cet outil ? Explorez-en d'autres !