Générateur de Dégradés CSS
Créer de beaux dégradés CSS avec aperçu en direct.
Dégradé Aperçu
Dégradé Paramètres
CSS Code
background: linear-gradient(90deg, #ff6b6b, #4ecdc4);How to Use Générateur de Dégradés CSS
- 1
Sélectionner deux couleurs.
- 2
Choisir type.
- 3
Choisir direction.
- 4
Copier CSS ou télécharger PNG.
Frequently Asked Questions
Comment utiliser le code CSS ?▾
Copiez le CSS généré et appliquez-le à la propriété background de n'importe quel élément dans votre feuille de style.
Puis-je utiliser plus de 2 couleurs ?▾
Cet outil prend en charge les dégradés à 2 couleurs. Pour les dégradés multi-arrêts, vous pouvez éditer le code CSS manuellement.
Quels navigateurs supportent les dégradés CSS ?▾
Tous les navigateurs modernes supportent les dégradés CSS. Pour IE9 et antérieur, utilisez une couleur de secours unie.
Related Tools
Outils Connexes
Découvrez d'autres outils qui fonctionnent bien avec Générateur de Dégradés CSS
Sélecteur de Couleur
Choisissez et convertissez des couleurs entre HEX, RGB et HSL.
Explorer Plus d'Outils →Convertisseur de Couleurs
Convertir formats couleur
Explorer Plus d'Outils →Générateur de Palette
Extraire automatiquement des palettes de couleurs à partir d'images.
Explorer Plus d'Outils →Convertisseur de Fuseaux Horaires
Convertir fuseaux horaires
Explorer Plus d'Outils →Générateur de Mèmes
Créer mèmes
Explorer Plus d'Outils →Générateur de Noms Aléatoires
Générer noms
Explorer Plus d'Outils →Articles et Guides Connexes
En savoir plus sur l'utilisation efficace des outils
Comparaisons d'Outils
Comparez les fonctionnalités et choisissez le bon outil
Collections des Meilleurs Outils
Listes organisées des outils les mieux notés
Voir la Catégorie
Découvrir plus de utility tools
Configuration Generators
Découvrir des outils connexes
Lire l'Article
Color Theory For Web Designers
Meilleurs Outils
Découvrir les meilleurs outils
Meilleurs Outils
Voir les 20 outils les plus populaires
Plan des Outils
Parcourir plus de 101+ outils par catégorie