Was ist Tailwind-Farbsuche?

Der Tailwind Color Finder nimmt einen beliebigen Hex-Farbwert und findet sofort die am besten passende Tailwind-CSS-Utility-Klasse. Statt Farbpaletten per Augenmaß zu vergleichen, fügen Sie einen Hex-Code aus Ihrem Design-Tool ein und erhalten den exakten Tailwind-Klassennamen für Ihr Markup.

Anleitung

1. Geben Sie einen Hex-Farbcode aus Ihrem Design-Entwurf ein oder wählen Sie eine Farbe mit dem Farbwähler.
2. Das Tool zeigt sofort die nächstliegende Tailwind-CSS-Farbklasse mit einem visuellen Direktvergleich an.
3. Kopieren Sie den Tailwind-Klassennamen (z. B. bg-blue-500) direkt in Ihren Code. Die Farbdistanz zeigt Ihnen, wie nah die Übereinstimmung ist.

Ergebnis

Ihr Designer gibt Ihnen die Markenfarbe #2563EB. Fügen Sie sie ein und das Tool zeigt, dass sie exakt blue-500 entspricht. Bei #3A7BC8 wird sky-600 als nächste Übereinstimmung angezeigt, inklusive eines Distanzwertes zur Einschätzung der Genauigkeit.

Ähnliche Tools