Générateur de Dégradés CSS

Créez de beaux dégradés avec aperçu en direct et code CSS ou Tailwind prêt à copier

Aperçu en Direct

CSS & Tailwind

Éditeur Interactif

Voyez votre dégradé en temps réel

Barre de Couleurs Interactive - Cliquez pour ajouter, glissez pour déplacer

💡 Cliquez n'importe où pour ajouter un arrêt de couleur, glissez les arrêts existants pour les repositionner, cliquez sur un arrêt pour l'éditer

Type

Direction

Copiez le code pour l'utiliser dans votre projet

Propriété d'Arrière-plan

background: linear-gradient(90deg, #2A7B9B 0%, #57C785 50%, #EDDD53 100%);

Classe CSS

.gradient {
  background: linear-gradient(90deg, #2A7B9B 0%, #57C785 50%, #EDDD53 100%);
}