Générateur de dégradés CSS

Créez des dégradés CSS linéaires ou radiaux à deux ou trois couleurs avec aperçu en direct.

Espace de travail

Type

Angle

Couleur 1

Position (%)

Couleur 2

Position (%)

Couleur 3

Position (%)

Utiliser la troisième couleur

—

Comment utiliser cet outil

Choisissez le type, les couleurs, les positions et l’angle. Copiez la déclaration CSS obtenue.

Les positions sont exprimées en pourcentage du dégradé. Gardez un contraste suffisant avec tout texte superposé.

Comment utiliser Générateur de dégradés CSS ?

Choisissez le type, les couleurs, les positions et l’angle. Copiez la déclaration CSS obtenue.

Que vérifier avant d’utiliser le résultat ?

Les positions sont exprimées en pourcentage du dégradé. Gardez un contraste suffisant avec tout texte superposé.

Faut-il un compte ?

Non. Cet outil est gratuit et le traitement a lieu dans votre navigateur.