Qu'est-ce qu'un convertisseur de couleur vers Tailwind ?
Cet outil trouve la classe de couleur Tailwind CSS la plus proche correspondant à n'importe quelle couleur donnée. Tailwind fournit une palette de couleurs par défaut soigneusement conçue avec des nuances de 50 à 950 dans des familles de couleurs nommées comme le rouge, le bleu, le vert et bien d'autres. Lorsque vous avez une couleur de marque ou une valeur hexadécimale provenant d'une conception, ce convertisseur vous indique instantanément la classe d'utilitaire Tailwind la plus proche.
Comment utiliser cet outil
- Entrez une couleur hexadécimale (par exemple,
#3b82f6) ou une valeur RGB (par exemple,rgb(59,130,246)). - Vous pouvez également utiliser le sélecteur de couleur pour une sélection visuelle.
- Cliquez sur « Trouver la couleur Tailwind la plus proche » pour voir le résultat.
- Affichez la classe Tailwind correspondante, la distance de couleur et une comparaison côte à côte.
Comprendre la distance de couleur
L'outil calcule la distance euclidienne dans l'espace de couleur RGB entre votre entrée et chaque couleur de la palette Tailwind v3. Une distance de 0 signifie une correspondance exacte. Les valeurs plus faibles indiquent des correspondances plus proches. Les 5 couleurs les plus proches sont affichées pour que vous puissiez choisir la meilleure option pour votre conception.
Questions fréquemment posées
Cela couvre-t-il toutes les couleurs par défaut de Tailwind ?
Oui, il inclut toutes les couleurs nommées de la palette par défaut Tailwind v3 : ardoise, gris, zinc, neutre, pierre, rouge, orange, ambre, jaune, citron, vert, émeraude, sarcelle, cyan, ciel, bleu, indigo, violet, pourpre, fuchsia, rose et rose, chacune avec des nuances de 50 à 950.
Et si ma couleur n'a pas de correspondance proche ?
Pour les couleurs éloignées de toute nuance Tailwind, envisagez d'utiliser la syntaxe de valeur arbitraire de Tailwind comme bg-[#1a2b3c] pour les couleurs exactes dans votre CSS.