Qu'est-ce que Recherche de couleurs Tailwind ?

Tailwind Color Finder prend n’importe quelle couleur hexadécimale et trouve instantanément la classe de couleur Tailwind CSS la plus proche. Au lieu de comparer manuellement les palettes de couleurs, collez un code hex de votre outil de design et obtenez le nom exact de la classe Tailwind à utiliser dans votre code.

Comment utiliser

1. Saisissez un code couleur hexadécimal depuis votre maquette de design ou choisissez une couleur à l’aide du sélecteur de couleurs.
2. L’outil affiche instantanément la classe de couleur Tailwind CSS la plus proche avec une comparaison visuelle côte à côte.
3. Copiez le nom de la classe Tailwind (ex. : bg-blue-500) directement dans votre code. Consultez la distance de couleur pour évaluer la précision de la correspondance.

Résultat

Votre designer vous transmet la couleur de marque #2563EB. Collez-la et l’outil montre qu’elle correspond exactement à blue-500. Pour #3A7BC8, il identifie sky-600 comme la correspondance la plus proche avec un score de distance indiquant la proximité.

Outils similaires