CSS-Farbkonverter
HEX zu RGB, HSL und Tailwind Arbitrary Values.
Ü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.
So nutzen Sie es
HEX-Feld anpassen, dann werden Kanäle und die Schreibweise bg-[#…] direkt neu berechnet. Anschließend die benötigte Notation in die Komponente kopieren.
Beispiel
Der voreingestellte Himmelblauton zeigt HEX, RGB, HSL und die Tailwind-Klasse.
Eingabe
#38bdf8Ausgabe
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.
Gut zu wissen
Welche Farbformate wandelt es um?
Geben Sie einen 3- oder 6-stelligen HEX-Wert ein (oder nutzen Sie die Farbauswahl) und erhalten RGB, HSL und eine Tailwind-Arbitrary-Klasse wie bg-[#38bdf8].
Warum eine Arbitrary-Klasse statt der nächsten Tailwind-Farbe?
Markenfarben passen selten zur Standardpalette. Eine Näherung verändert Ihr Design unbemerkt, während bg-[#hex] die exakte Farbe behält.