Générateur de dégradés CSS gratuit
Créez de beaux dégradés CSS visuellement. Choisissez les couleurs, réglez la direction et copiez le code instantanément.
background: linear-gradient(135deg, #D4AF37, #0B1120);
Comment ça marche
Sélectionnez les couleurs, la direction et le type de dégradé (linéaire ou radial) avec des sélecteurs visuels. L’aperçu en direct se met à jour à mesure que vous ajustez. Copiez le CSS généré, préfixes constructeurs compris, pour une compatibilité maximale avec les navigateurs.
Quand l’utiliser
- Web design — créer des dégradés d’arrière-plan accrocheurs pour des sections hero, des boutons ou des superpositions de cartes.
- Éléments de marque — générer des dégradés aux couleurs de votre marque pour vos supports marketing.
- Prototypage d’interface — tester rapidement des combinaisons de dégradés avant de les intégrer à votre design system.
Questions fréquentes
Combien de couleurs puis-je utiliser ?
L’outil prend en charge les dégradés à deux couleurs, qui couvrent la grande majorité des usages en design. Pour des dégradés plus complexes, utilisez le CSS généré comme point de départ et ajoutez des arrêts de couleur manuellement.
Les préfixes constructeurs sont-ils inclus ?
Oui. Le CSS généré inclut des préfixes -webkit- pour les anciennes versions de Safari et Chrome, en plus de la syntaxe standard.
Puis-je utiliser ces dégradés pour l’impression ?
Les dégradés CSS sont réservés aux écrans. Pour l’impression, exportez une capture de l’aperçu et utilisez-la comme référence dans votre outil de mise en page.
Tout le traitement se fait dans votre navigateur. Aucune donnée n’est envoyée à un serveur.
SCALA Score — Free company financial health check for 30M+ businesses
Ces outils sont gratuits pour toujours. SARA va plus loin.
SARA est votre agent IA sur WhatsApp : répond aux clients, prend les réservations, fait le suivi — 24/7, automatiquement. Essayez gratuitement 14 jours.
Démarrez votre essai gratuit de 14 jours →