So nutzen Sie es

Vier Schritte: einfügen, ausführen, prüfen, kopieren. Alles bleibt im Browser.

Eingabe einfügen

CSS, HTML, JSON oder anderen Text einfügen. Nichts wird hochgeladen.

Tool ausführen

Auf Konvertieren oder Ausführen klicken. Das Ergebnis erscheint sofort.

Ausgabe prüfen

Generierten Code und Hinweise prüfen, bevor Sie ihn übernehmen.

Kopieren und nutzen

Ausgabe kopieren und in Ihr Projekt einfügen.

Über dieses Tool

Der Konverter rechnet eine HEX-Farbe in RGB und HSL um und liefert zusätzlich eine arbiträre Tailwind-Hintergrundklasse für das Markup. Praktisch für Markenfarben, die nicht in der Standardpalette stecken.

Beispiel

Der voreingestellte Himmelblauton zeigt HEX, RGB, HSL und die Tailwind-Klasse.

Eingabe

#38bdf8

Ausgabe

HEX: #38BDF8
RGB: rgb(56, 189, 248)
HSL: hsl(199, 93%, 60%)
Tailwind arbitrary: bg-[#38bdf8]

Tipp

Arbiträre Farbwerte sind gültiges Tailwind; das Runden auf den nächsten Palettenton verfälscht Markenfarben oft.