Recherche de couleurs Tailwind - Trouver la couleur Tailwind CSS la plus proche
Trouvez les classes de couleur Tailwind CSS v3 les plus proches pour n'importe quelle couleur choisie
Outils de couleur
Tool
5 Closest Tailwind Colors
indigo-500
#6366f1
Δ 0
indigo-600
#4f46e5
Δ 40
violet-500
#8b5cf6
Δ 42
blue-500
#3b82f6
Δ 49
indigo-400
#818cf8
Δ 49
Comment utiliser
1Utilisez le sélecteur de couleur ou saisissez une valeur HEX
2L'outil calcule la distance euclidienne dans l'espace colorimétrique RGB par rapport à chaque couleur Tailwind
3Les 5 couleurs Tailwind les plus proches sont affichées avec leurs noms de classe et valeurs hex
4Copiez le nom de classe directement dans votre projet Tailwind
Questions fréquentes
L'outil inclut la palette par défaut complète de Tailwind CSS v3, couvrant toutes les couleurs nommées (slate, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose) à tous les niveaux de teinte (50–900).
La proximité est mesurée par la distance euclidienne dans l'espace colorimétrique RGB : sqrt((r1-r2)² + (g1-g2)² + (b1-b2)²). Une distance plus petite signifie que les couleurs se ressemblent davantage.
Oui ! Lorsqu'un designer vous donne un code hex, cet outil vous permet de trouver rapidement l'équivalent Tailwind le plus proche afin de rester dans le système de design.