Was ist ein Farbe-zu-Tailwind-Konverter?
Dieses Tool findet die nächste passende Tailwind CSS-Farbklasse für jede beliebige Farbe. Tailwind bietet eine sorgfältig gestaltete Standard-Farbpalette mit Schattierungen von 50 bis 950 über benannte Familien wie Rot, Blau, Grün und mehr. Wenn Sie eine Markenfarbe oder einen Hexadezimalwert aus einem Design haben, teilt Ihnen dieser Konverter sofort die nächste Tailwind-Utility-Klasse mit.
So verwenden Sie dieses Tool
- Geben Sie eine Hexadezimalfarbe (z. B.
#3b82f6) oder einen RGB-Wert (z. B.rgb(59,130,246)) ein. - Sie können auch die Farbauswahl für die visuelle Auswahl verwenden.
- Klicken Sie auf „Nächste Tailwind-Farbe suchen", um das Ergebnis anzuzeigen.
- Zeigen Sie die übereinstimmende Tailwind-Klasse, die Farbentfernung und einen Vergleich nebeneinander an.
Farbentfernung verstehen
Das Tool berechnet die euklidische Distanz im RGB-Farbraum zwischen Ihrer Eingabe und jeder Farbe in der Tailwind-v3-Palette. Eine Entfernung von 0 bedeutet eine genaue Übereinstimmung. Niedrigere Werte zeigen nähere Übereinstimmungen an. Die 5 nächstgelegenen Farben werden angezeigt, sodass Sie die beste Option für Ihr Design wählen können.
Häufig gestellte Fragen
Deckt dies alle Standard-Tailwind-Farben ab?
Ja, es enthält alle benannten Farben aus der Tailwind-v3-Standard-Palette: Schiefer, Grau, Zink, Neutral, Stein, Rot, Orange, Bernstein, Gelb, Limone, Grün, Smaragd, Teal, Cyan, Himmel, Blau, Indigo, Violett, Lila, Magenta, Rosa und Rose, jeweils mit Schattierungen von 50 bis 950.
Was ist, wenn meine Farbe keine gute Übereinstimmung hat?
Für Farben, die weit von einer Tailwind-Schattierung entfernt sind, verwenden Sie die Tailwind-Syntax für beliebige Werte wie bg-[#1a2b3c] für exakte Farben in Ihrem CSS.