Générateur de dégradé CSS gratuit
Créez de beaux dégradés CSS visuellement. Choisissez les couleurs, ajustez l'angle, sélectionnez linéaire ou radial, et copiez le CSS généré. Inclut des dégradés prédéfinis pour une inspiration rapide. Sans inscription.
100% gratuit — aucun compte requis
background: linear-gradient(135deg, #6366f1, #ec4899);Préréglages
Fonctionnalités de Générateur de dégradé CSS gratuit
Constructeur de dégradés visuel avec aperçu en direct
Copier le CSS
Copie en un clic de la propriété CSS background générée.
6 dégradés prédéfinis
Commencez avec de beaux préréglages comme Coucher de soleil, Océan, Forêt, Lavande, Cerise et Minuit.
Aléatoire
Générez des combinaisons de dégradés aléatoires pour l'inspiration.
Linéaire & Radial
Basculez entre les types de dégradés linéaire et radial avec un angle ajustable.
FAQ
Quelle est la différence entre linéaire et radial ?
Les dégradés linéaires transitent en ligne droite à un angle spécifié. Les dégradés radiaux transitent vers l'extérieur à partir d'un point central en motif circulaire ou elliptique.
Puis-je utiliser plus de 2 couleurs ?
Cet outil prend en charge les dégradés à 2 couleurs. Pour des dégradés multi-étapes, utilisez le CSS généré comme point de départ et ajoutez des arrêts de couleur manuellement.
Les dégradés CSS fonctionnent-ils dans tous les navigateurs ?
Oui. Les dégradés CSS ont un excellent support navigateur dans tous les navigateurs modernes, y compris Chrome, Firefox, Safari et Edge.
Créez des visuels de marque
Utilisez des dégradés personnalisés dans vos visuels pour les réseaux sociaux avec AdaptlyPost.