Générateur de Dégradés CSS Gratuit
Créez des dégradés CSS linéaires et radiaux visuellement, prévisualisez-les instantanément et copiez le code CSS généré.
Le Générateur de dégradés CSS crée des dégradés linéaires ou radiaux avec angle ajustable et jusqu'à trois arrêts de couleur, aperçu en direct et copie en un clic de la règle CSS générée. Inclut des presets prêts (Sunset, Ocean, Purple Glow, Soft Gray) et des raccourcis de direction. Tout dans votre navigateur — aucun envoi, aucune inscription, aucun compte. Conçu par FreeToolHub.
Type de dégradé
Aperçu
Sortie CSS
background: linear-gradient(90deg, #ff7e5f 0%, #feb47b 100%);
Préréglages rapides
Créez de beaux dégradés CSS pour les sites web, boutons, arrière-plans et éléments d'interface.
Foire Aux Questions
Qu'est-ce qu'un dégradé CSS ?
Un dégradé CSS est une transition fluide entre deux couleurs ou plus, définie entièrement en CSS sans fichiers image. Les dégradés peuvent être appliqués à n'importe quel élément comme arrière-plan.
Quelle est la différence entre dégradés linéaires et radiaux ?
Un dégradé linéaire fait la transition des couleurs le long d'une ligne droite à un angle spécifié. Un dégradé radial fait la transition des couleurs vers l'extérieur depuis un point central.
Puis-je copier le CSS généré ?
Oui. Cliquez sur « Copier CSS » pour copier uniquement l'extrait CSS dans le presse-papiers. Vous pouvez le coller directement dans votre feuille de style.
Combien de points de couleur puis-je utiliser ?
Ce générateur prend en charge jusqu'à 3 points de couleur. Chaque point a une couleur et une position de 0 % à 100 %.
Cet outil enregistre-t-il mes paramètres ?
Non. Tous les paramètres de dégradé sont locaux à votre session navigateur. Rien n'est sauvegardé ni envoyé à un serveur.
Ce générateur est-il gratuit ?
Oui. Le Générateur de Dégradés CSS est entièrement gratuit sans inscription ni limites.