Générateur de dégradé CSS

Créez un dégradé linéaire ou radial visuellement — choisissez les couleurs, déplacez les arrêts, réglez l'angle et copiez le CSS. Aperçu en direct, rien n'est envoyé.

Type de dégradé

Angle90°

Arrêts de couleur

CSS

Tout se passe dans votre navigateur. Aucun envoi, aucune inscription.

Comment ça marche

ÉTAPE 1

Choisissez vos couleurs

Choisissez au moins deux arrêts de couleur et définissez la position de chacun le long du dégradé.

ÉTAPE 2

Donnez-lui sa forme

Basculez entre linéaire et radial, et réglez l'angle pour les dégradés linéaires.

ÉTAPE 3

Copiez le CSS

Regardez l'aperçu en direct et copiez le CSS prêt à l'emploi en un clic. Tout est privé.