Générateur de dégradé CSS

Créez des dégradés CSS linéaires et radiaux visuellement et copiez le CSS prêt à l'emploi — rien n'est envoyé.

deg
Sortie CSS


Générer des fonds dégradés CSS visuellement

Ajoutez des points de couleur, ajustez l'angle et basculez entre les modes linéaire et radial. L'aperçu et le CSS se mettent à jour instantanément. Copiez la propriété background en un clic. Tout fonctionne localement — sans envoi de données.

Les points de couleur acceptent des positions en pourcentage optionnelles. Laisser la position vide distribue les points uniformément. Faites glisser l'angle pour faire pivoter un dégradé linéaire de 0 à 360 degrés.

FAQ

Différence entre linéaire et radial ? Le linéaire fait la transition en ligne droite. Le radial rayonne depuis le centre en cercle.

Puis-je utiliser des couleurs nommées ou rgba ? Oui — le champ accepte toute valeur CSS valide.

Outils similaires

Outils populaires