Tailwind-Farbabgleich
Finde die nächstgelegene Tailwind-Klasse zu einem beliebigen Hex-Wert
Nächste Tailwind-Klasse
Nächste 8 Tailwind-Farben
Über die Tailwind-Palette
Tailwind CSS wird mit einer Standardpalette von 22 Farbfamilien ausgeliefert, jede in 11 Stufen von 50 (hellste) bis 950 (dunkelste). Beim Importieren einer Markenfarbe, eines Mockups oder eines externen Designs in ein Tailwind-Projekt ist es oft einfacher, den nächstgelegenen Tailwind-Wert zu verwenden, anstatt eine benutzerdefinierte Farbe zu konfigurieren.
Dieses Tool ordnet jeden Tailwind-Farbschritt nach RGB-Abstand zu deinem Input und gibt die nächstgelegenen Übereinstimmungen zurück. Klicke auf einen Klassennamen, um ihn zu kopieren.
Häufig gestellte Fragen
Sind darin die Tailwind v4 OKLCH-Farben enthalten?
Die angezeigten Hex-Werte sind die aufgelösten sRGB-Äquivalente, nicht die in v4 verwendeten rohen OKLCH-Definitionen. Die Klassennamen funktionieren für v3 und v4, da sich die Namen nicht geändert haben.
Wie sieht es mit stone, neutral, warmGray aus?
Der vollständige Satz von Tailwind-Graus (slate, gray, zinc) ist enthalten. Die Legacy-Aliase
warmGray/trueGray wurden in v3 entfernt – verwende stattdessen slate, gray, zinc, neutral oder stone.