Générateur de Dégradés CSS
Choisissez deux couleurs, une orientation, et obtenez le code CSS instantanément.
Choisir les couleurs
Choisir l'orientation
Code CSS
Générateur de Dégradés CSS Gratuit
Créez de superbes dégradés CSS en quelques secondes. Choisissez un dégradé linéaire ou radial, sélectionnez vos couleurs et copiez le code CSS prêt à l'emploi.
Pourquoi utiliser notre générateur de dégradés ?
- 100% gratuit, sans inscription ni compte requis
- Fonctionne entièrement dans votre navigateur, rien n'est envoyé
- Supporte les directions linéaires et radiales
- Copie en un clic du code CSS prêt à l'emploi
Comment utiliser
- Choisissez votre première couleur avec le sélecteur ou saisissez un code hex
- Choisissez votre deuxième couleur de la même façon
- Sélectionnez une direction de dégradé (linéaire ou radial)
- Copiez le code CSS généré et collez-le dans votre feuille de style
Questions fréquemment posées
Qu'est-ce qu'un dégradé CSS ?
Un dégradé CSS est une transition fluide entre deux couleurs ou plus, créée avec la propriété CSS background. Il peut être linéaire (suivant une ligne droite) ou radial (émanant d'un point central).
Puis-je utiliser le CSS généré dans n'importe quel projet ?
Oui. Le code généré est du CSS standard supporté par tous les navigateurs modernes. Il suffit de le copier et coller dans votre feuille de style.
Mes données sont-elles stockées ou envoyées quelque part ?
Non. Tout fonctionne entièrement dans votre navigateur. Aucune donnée n'est envoyée à un serveur.
Quelles directions de dégradé sont disponibles ?
Vous pouvez choisir parmi 8 directions linéaires (haut, bas, gauche, droite et diagonales) plus un dégradé radial (circulaire).