Tailwind Farbreferenz

Kostenlose Online-Übersicht aller Tailwind CSS Standardfarben mit Hex- und RGB-Werten. Klicke auf einen Farbton, um ihn sofort zu kopieren. Ideal für Tailwind-Entwickler.

Click to copy:

So funktioniert es

  1. Öffne das Tool und entdecke alle Tailwind CSS Standardfarben in einer übersichtlichen Palette.
  2. Durchsuche die Farbpalette und finde die gewünschte Farbe und Abstufung.
  3. Klicke auf den Farbblock, um den HEX-Wert sofort in die Zwischenablage zu kopieren.
  4. Wechsle je nach Projektbedarf zwischen HEX- und RGB-Formaten.
  5. Füge den kopierten Wert direkt in dein CSS oder deine Tailwind-Konfiguration ein.

Beispiel

Eingabe: rose-700
Ergebnis: #BE123C / RGB(190, 18, 60)

FAQ

Das Tool enthält alle Tailwind CSS Standardfarben mit Abstufungen von 50 bis 950, darunter Slate, Gray, Red, Blue, Green und viele mehr.

Klicke einfach auf den gewünschten Farbblock und der HEX-Wert wird automatisch in deine Zwischenablage kopiert.

Nein. Die gesamte Verarbeitung erfolgt lokal in deinem Browser. Es werden keine Daten an einen Server gesendet – das Tool arbeitet vollständig clientseitig.

Ja, für jede Farbe werden sowohl HEX- als auch RGB-Werte angezeigt, sodass du das Format wählen kannst, das am besten zu deinem Projekt passt.

Ja, das Tailwind Color Reference Tool ist vollständig kostenlos und ohne Registrierung nutzbar.