Générateur de dégradés CSS
Créez de magnifiques dégradés CSS visuellement. Linéaires, radiaux, coniques. Exportez un code CSS propre. Gratuit, instantané.
About CSS Gradients
CSS gradients let you display smooth transitions between two or more colors. They're defined as background-image values:
- Linear: Colors transition along a straight line (angle-based)
- Radial: Colors radiate from a center point (circular/elliptical)
- Conic: Colors rotate around a center point (pie-chart style)
Copy the generated CSS and paste it directly into your stylesheet.
About Gradient Generator
Créez de magnifiques dégradés CSS visuellement. Dégradés linéaires et radiaux avec plusieurs arrêts de couleur. Ajustez l'angle, la position et la distribution des couleurs. Copiez un code CSS prêt à l'emploi. Parfait pour les arrière-plans web, les boutons et la conception d'interfaces.
Linéaire et radial
Passez facilement entre les types de dégradés linéaires et radiaux. Contrôlez l'angle, la position et la forme pour des résultats parfaits.
Arrêts de couleur multiples
Ajoutez un nombre illimité d'arrêts de couleur. Faites glisser pour repositionner, ajustez chaque couleur avec le sélecteur. Créez facilement des dégradés complexes.
Sortie CSS en direct
Copiez le code CSS exact du dégradé. Prêt à coller dans vos feuilles de style, votre configuration Tailwind ou votre système de design.
Aperçu en temps réel
Visualisez votre dégradé pendant que vous le créez. L'aperçu en pleine largeur se met à jour instantanément à chaque changement de couleur ou d'angle.