Comment créer un dégradé CSS (linéaire, radial ou conique)
Publié le 14 septembre 2026 · 2 min de lecture
Les dégradés CSS prennent en charge plusieurs formes et un nombre quelconque d'arrêts de couleur, mais visualiser le résultat exact à partir du seul code brut est difficile. Cet outil vous donne un aperçu en direct pendant que vous choisissez les couleurs, l'angle et le type de dégradé.
Essayer Générateur de dégradé CSSÉtapes
- 1
Ouvrez le Générateur de dégradé CSS
Accédez au générateur de dégradé.
- 2
Choisissez un type de dégradé
Choisissez linéaire, radial, ou conique.
- 3
Définissez vos couleurs et l'angle
Choisissez une couleur de départ et de fin, une couleur intermédiaire optionnelle, et l'angle pour les dégradés linéaires ou coniques.
- 4
Copiez le CSS
Collez la règle de fond générée directement dans votre feuille de style.
Questions fréquentes
Oui — ajoutez un arrêt de couleur intermédiaire pour un dégradé à trois couleurs, en plus des couleurs de départ et de fin.
Le linéaire transitionne le long d'un angle droit, le radial s'étend vers l'extérieur depuis un point central, et le conique balaie autour d'un point central comme une roue chromatique — chacun donne un effet visuel distinctement différent.
Oui — il rend le CSS réellement généré, donc l'aperçu est exactement ce que vous verrez une fois que vous aurez copié le code dans votre projet.
Comme vous voyez le vrai dégradé rendu en direct, il n'y a pas à deviner pour traduire une image mentale dans la bonne syntaxe CSS.