Générateur de dégradés
Créez et prévisualisez visuellement les dégradés CSS.
Paramètres du dégradé
Définir le type et la direction du dégradé
Arrêts de couleur
Définir les couleurs et les positions du dégradé
%
%
Préréglages
Essayez les dégradés prédéfinis
Aperçu
Afficher le dégradé généré
CSS généré
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);Description du type de dégradé
Dégradé linéaire
Un dégradé qui change de couleur dans une direction rectiligne. Vous pouvez ajuster l'angle pour définir la direction.
Dégradé radial
Un dégradé qui change de couleur à partir d'un point central vers l'extérieur en forme circulaire ou elliptique.
Dégradé conique
Un dégradé conique qui change de couleur en tournant autour d'un point central.