How do I create a CSS gradient?

Pick your colors and direction, preview the gradient live, then copy the generated linear or radial gradient CSS.

Can I add more than two colors?

Yes, you can add multiple color stops to build smooth multi-color gradients.

Yes, modern linear and radial gradients are supported across all major browsers.

← Tous les outils / CSS Gradient Generator

Créez de superbes dégradés CSS avec un aperçu en direct. Copiez le code CSS instantanément.

Taper

Angle135°

Couleur 1

Couleur 2

CSS

Choisissez vos couleurs et votre direction, prévisualisez le dégradé en direct, puis copiez le CSS du dégradé linéaire ou radial généré.

Oui, vous pouvez ajouter plusieurs arrêts de couleur pour créer des dégradés multicolores fluides.

Oui, les dégradés linéaires et radiaux modernes sont pris en charge dans tous les principaux navigateurs.