DCPIXEL
Tous les outils

Générateur de dégradé CSS

Conçois visuellement un dégradé linéaire ou radial et copie le code CSS prêt à l'emploi. Instantané, jusqu'à 6 arrêts de couleur.

Encore 3 essai(s) gratuit(s) pour cet outil aujourd'huiDémarrer l'essai gratuit de 3 jours →

Type

Angle135°

Arrêts de couleur

0%
100%

Code CSS

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

Choisis des couleurs, fais glisser des arrêts, et ajuste l'angle pour construire exactement le dégradé dont tu as besoin — le code CSS `background` se met à jour en direct et est prêt à être collé dans ton projet. Exporte aussi en image PNG.

Questions fréquentes

Puis-je utiliser plus de deux couleurs ?
Oui, jusqu'à 6 arrêts de couleur. Ajoute un arrêt, choisis sa couleur, et fais glisser sa position le long du dégradé.
Le code CSS fonctionne-t-il dans tous les navigateurs ?
Oui. Les dégradés linéaires et radiaux utilisant cette syntaxe sont pris en charge dans tous les navigateurs modernes.
Puis-je exporter le dégradé comme image plutôt qu'en CSS ?
Oui. Le bouton Télécharger exporte un PNG de 1200×630px du dégradé actuel — une taille courante pour les bannières de réseaux sociaux et les couvertures de blog.

D'autres outils sont en cours de traduction — parcours le catalogue complet en anglais pour tout le reste.

Tous les outils →