Outil Gratuit
CSS Gradient Generator
Créez visuellement des dégradés CSS linéaires, radiaux et coniques. Déplacez les arrêts de couleur, ajustez l'angle et la position, et copiez le CSS prêt à l'emploi.
CSS
background: linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);Type
Angle135°
Arrêts de couleur
0%
100%
Présets
Types de dégradés
Les dégradés linéaires font la transition le long d'une ligne droite à n'importe quel angle. Les dégradés radiaux rayonnent à partir d'un point central. Les dégradés coniques se déplacent autour d'un point central — utiles pour les diagrammes circulaires et les roues de couleurs.
Comment utiliser
- Choisissez un type de dégradé (linéaire, radial ou conique).
- Ajoutez ou déplacez les arrêts de couleur pour définir les couleurs.
- Copiez la sortie CSS directement dans votre feuille de style.
Tout le traitement se fait dans votre navigateur — rien n'est envoyé à un serveur.
Questions Fréquemment Posées
- Le CSS généré est-il compatible entre navigateurs ?
- Oui. La sortie utilise la syntaxe de dégradé CSS standard prise en charge par tous les navigateurs modernes.
- Puis-je partager un dégradé ?
- Oui. Cliquez sur Partager — l'état du dégradé est codé dans l'URL, que vous pouvez copier et envoyer.