Générateur de Dégradés et Couleurs Tailwind

Concevez des dégradés et des ombres visuellement, puis copiez les classes utilitaires Tailwind exactes — sans approximations ni plongée dans la documentation.

Direction

Couleur de départ

Utiliser la couleur intermédiaire

Couleur intermédiaire (optionnel)

Couleur d'arrivée

Aperçu

Classes Tailwind

Fonctionne entièrement dans votre navigateur. Rien n'est téléchargé.

Comment ça fonctionne

STEP 1

Choisissez vos couleurs

Sélectionnez les couleurs de début, intermédiaire et fin à l'aide des sélecteurs de couleur ou saisissez n'importe quel nom de couleur Tailwind.

STEP 2

Ajustez et prévisualisez

Définissez la direction, l'opacité et le style d'ombre. L'aperçu en direct se met à jour instantanément.

STEP 3

Copiez les classes

Un clic copie la chaîne de classes utilitaires Tailwind prête à coller dans votre presse-papiers.