Générateur de Dégradés CSS
Créez des dégradés CSS visuellement — linéaires, radiaux et coniques. Ajustez couleurs, angles et arrêts, puis copiez le code CSS. Gratuit, 100% dans votre navigateur.
Référence
Que sont les dégradés CSS ?
Les dégradés CSS permettent des transitions de couleurs fluides sans images. Ils sont définis via les fonctions linear-gradient(), radial-gradient() et conic-gradient() et appliqués en arrière-plan.
Types de dégradés
Linéaire — les couleurs transitent le long d'une ligne droite à un angle donné. Radial — les couleurs rayonnent depuis un point central vers l'extérieur. Conique — les couleurs sont disposées autour d'un point central, idéal pour les diagrammes circulaires et roues chromatiques.
Arrêts de couleur
Les arrêts de couleur définissent où et quelles couleurs apparaissent dans le dégradé. Chaque arrêt est composé d'une couleur et d'une position optionnelle en pourcentage. En ajoutant, supprimant et déplaçant les arrêts, vous pouvez créer des transitions complexes.
Confidentialité
Tout le traitement s'exécute 100% dans votre navigateur. Aucune donnée n'est envoyée à un serveur.