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%);

Générateur de dégradé CSS

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.

🔐 100% Private — Client-Side Execution

All processing happens inside your browser using WebAssembly and HTML5 Canvas. Zero file uploads, zero server tracking. Compliant with LGPD & GDPR.

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.
🔥 Speed Up Your Site - 60% Off Launch

Score 99+ on Google PageSpeed Insights

Fast-track Largest Contentful Paint (LCP) under 2.5s and learn secure browser WebAssembly sizing matrices. Get our premium ebook Pixel Perfect with 4 bonus guides.

Vous pourriez aussi aimer

Other tools that work great alongside this one

Créateur de GIF

Combine plusieurs images en un GIF animé. Contrôle le délai entre les images, la...

Générateur de codes-barres

Génère instantanément des codes-barres CODE128, EAN-13, UPC-A, CODE39, et ITF-14...

Générateur d'icône d'application

Génère chaque taille d'icône de l'App Store iOS et du Google Play Store à partir...

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

Tous les outils →