Tailwind-Farbfinder - Die nächste Tailwind-CSS-Farbe finden
Finden Sie die nächstliegenden Tailwind CSS v3-Farbklassen für jede von Ihnen gewählte Farbe
Farbwerkzeuge
Tool
5 Closest Tailwind Colors
indigo-500
#6366f1
Δ 0
indigo-600
#4f46e5
Δ 40
violet-500
#8b5cf6
Δ 42
blue-500
#3b82f6
Δ 49
indigo-400
#818cf8
Δ 49
Anleitung
1Verwenden Sie den Farbwähler oder geben Sie einen HEX-Wert ein
2Das Tool berechnet den euklidischen Abstand im RGB-Farbraum zu jeder Tailwind-Farbe
3Die 5 nächstliegenden Tailwind-Farben werden mit ihren Klassennamen und Hex-Werten angezeigt
4Kopieren Sie den Klassennamen direkt in Ihr Tailwind-Projekt
Häufig gestellte Fragen
Das Tool enthält die vollständige Tailwind CSS v3-Standardpalette mit allen benannten Farben (Slate, Red, Orange, Amber, Yellow, Lime, Green, Emerald, Teal, Cyan, Sky, Blue, Indigo, Violet, Purple, Fuchsia, Pink, Rose) in allen Abstufungen (50–900).
Die Nähe wird durch den euklidischen Abstand im RGB-Farbraum gemessen: sqrt((r1-r2)² + (g1-g2)² + (b1-b2)²). Ein kleinerer Abstand bedeutet, dass die Farben ähnlicher aussehen.
Ja! Wenn ein Designer Ihnen einen Hex-Code gibt, können Sie mit diesem Tool schnell das nächstliegende Tailwind-Äquivalent finden und so innerhalb des Designsystems bleiben.