Guide couleur pratique
Guide des palettes Tailwind pour le design web UI
Utilisez les palettes Tailwind pour boutons, fonds, bordures, alertes et etats UI accessibles.
Ouvrir l outil liePourquoi les palettes Tailwind sont utiles
Les palettes Tailwind donnent des niveaux coherents de 50 a 900, pratiques pour fonds, textes, bordures et etats hover.
Recette UI simple
Utilisez 50 ou 100 pour les fonds, 500 ou 600 pour les actions principales, 700 ou 800 pour hover, et 900 pour les textes forts.
Conseil accessibilite
Ne supposez pas que chaque niveau fonctionne pour le texte. Testez toujours le contraste avant publication.
Questions frequentes
Quel niveau Tailwind choisir pour les boutons ?
Les niveaux 500 et 600 sont courants pour les boutons principaux, avec 700 ou 800 au hover.
Peut-on utiliser les couleurs Tailwind sans Tailwind CSS ?
Oui. Vous pouvez copier les valeurs HEX dans du CSS classique, des outils de design ou autres frameworks.