Générateur de dégradé CSS
Créer un dégradé linéaire ou radial en CSS.
Données d’entrée
Cet outil fonctionne entièrement dans votre navigateur. Les données saisies ou chargées ne sont jamais envoyées.
Résultat
Saisissez vos données, puis lancez l’outil.
À propos de cet outil
Compose un dégradé CSS linéaire ou radial avec plusieurs arrêts de couleur, un angle réglable et un aperçu en direct. Le code produit est un simple background prêt à coller.
Comment l’utiliser
- Ajoutez et déplacez les arrêts de couleur.
- Ajustez l’angle puis copiez la déclaration CSS.
Questions fréquentes
Les dégradés sont-ils imprimables ?
Mal, et certains navigateurs les ignorent à l’impression : prévoyez une couleur de repli.
Comment animer un dégradé ?
Animez background-position avec une taille de fond supérieure, pas la déclaration de dégradé elle-même.
Pour aller plus loin
Outils liés
Générateur d’ombre CSS
Composer un box-shadow avec aperçu en direct.
Générateur de border-radius
Arrondir les coins d’un élément, y compris en ellipse.
Générateur de palette de couleurs
Créer une palette harmonieuse à partir d’une couleur.
HEX vers RGB
Convertir une couleur HEX en valeurs RGB.
RGB vers HEX
Convertir des valeurs RGB en code HEX.
RGB vers HSL
Passer d’une couleur RGB à sa teinte, saturation et luminosité.