Webtools

Couleurs Tailwind

Trouvez la classe Tailwind la plus proche pour n'importe quel hex

Classe Tailwind la plus proche

8 couleurs Tailwind les plus proches

À propos de la palette Tailwind

Tailwind CSS est fourni avec une palette par défaut de 22 familles de couleurs, chacune en 11 étapes de 50 (la plus claire) à 950 (la plus foncée). Lors du portage d'une couleur de marque, d'une maquette ou d'une conception externe dans un projet Tailwind, il est souvent plus facile d'utiliser la valeur Tailwind la plus proche plutôt que de configurer une couleur personnalisée.

Cet outil classe chaque étape de couleur Tailwind par distance RGB à votre entrée et renvoie les correspondances les plus proches. Cliquez sur un nom de classe pour le copier.

Questions fréquemment posées

Cela inclut-il les couleurs OKLCH de Tailwind v4 ?
Les valeurs hexadécimales affichées sont les équivalents sRGB résolus, non les définitions OKLCH brutes utilisées dans v4. Les noms de classe fonctionnent pour v3 et v4 puisque les noms n'ont pas changé.
Qu'en est-il de stone, neutral, warmGray ?
L'ensemble complet des gris Tailwind (slate, gray, zinc) est inclus. Les alias hérités warmGray/trueGray ont été supprimés dans v3 — utilisez plutôt slate, gray, zinc, neutral ou stone.