Préréglages
background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);
Ce que ça fait
Construisez des dégradés CSS linéaires, radiaux et coniques avec plusieurs arrêts de couleur et positions. Ajustez l’angle, ajoutez ou retirez des arrêts, et récupérez du CSS prêt à copier - avec un aperçu en direct. 100 % côté client.
Comment l’utiliser
- Choisissez un Type (linéaire / radial / conique) et, quand c’est pertinent, un Angle.
- Ajoutez des arrêts de couleur, réglez la couleur et la position de chaque arrêt.
- Copiez le CSS.
Exemples
Linéaire 90°, #6366f1 → #ec4899 →
background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);Bon à savoir
- Privé : toute la génération est locale.
- Les arrêts sont triés par position automatiquement.
- Outils liés : Color Picker, Palette Generator.