Online Farb-Konverter - HEX, RGB, HSL, CMYK Farbwähler
Farben zwischen HEX, RGB, HSL, HSV und CMYK sofort im Browser konvertieren. Mit Live-Farbauswahl, Kontrastprüfung und schnellem Kopieren.
Gib oben eine Farbe ein, um alle Formate zu sehen.
Füge einen beliebigen Farbwert ein — einen Hex-Code, einen rgb()-String oder einen hsl()-Ausdruck — und sieh ihn sofort in alle wichtigen Farbformate konvertiert: HEX, RGB, HSL, HSV und CMYK. Ein Live-Farbfeld zeigt die geparste Farbe, damit du sie auf einen Blick überprüfen kannst. Jede Ausgabezeile hat einen Ein-Klick-Kopierbutton. Die gesamte Konvertierungslogik läuft vollständig in deinem Browser ohne Server, was es sicher für sensible Design-Tokens und Markenfarben macht. Unterstützt Kurzform-Hex (#abc), vollständiges Hex (#aabbcc), Hex mit Alpha (#aabbccdd), rgb(), rgba(), hsl() und hsla() als Eingabe.
Anleitung
- 1
Farbwert eingeben
Gib eine beliebige Farbe in das Eingabefeld ein oder füge sie ein — Hex (#1a2b3c), rgb(26, 43, 60), rgba(), hsl() oder hsla() werden alle akzeptiert.
- 2
Farbvorschau prüfen
Ein Farbfeld erscheint neben der Eingabe, damit du die geparste Farbe visuell bestätigen kannst.
- 3
Alle konvertierten Formate anzeigen
Das Ausgabepanel zeigt HEX-, RGB-, HSL-, HSV- und CMYK-Werte gleichzeitig an, die beim Tippen live aktualisiert werden.
- 4
Benötigtes Format kopieren
Klicke auf den Kopierbutton neben einer Formatzeile, um diesen Wert in die Zwischenablage zu kopieren — bereit zum Einfügen in CSS oder Design-Tools.
FAQ
Q.Welche Farbformate werden als Eingabe unterstützt?
Du kannst Hex (#rgb, #rrggbb, #rrggbbaa), rgb(), rgba(), hsl() und hsla() eingeben. Kurzform-Hex wie #abc wird ebenfalls akzeptiert.
Q.Wird Alpha / Transparenz unterstützt?
Alpha-Kanäle in rgba() und hsla() werden geparst, aber die Ausgabeformate (HEX, HSL, HSV, CMYK) zeigen das opake RGB-Äquivalent, da nicht alle Formate einen Alpha-Kanal haben.
Q.Werden meine Farbdaten an einen Server gesendet?
Nein. Die gesamte Konvertierungslogik läuft vollständig in deinem Browser. Es wird nichts übertragen.
Q.Warum sehen die HSL/HSV-Werte etwas anders aus als bei anderen Tools?
Rundungsunterschiede. Dieses Tool rundet den Farbton auf den nächsten ganzzahligen Grad und Sättigung/Helligkeit/Wert auf den nächsten ganzzahligen Prozentsatz. Einige Tools verwenden mehr Dezimalstellen.
Q.Was bedeutet CMYK?
CMYK steht für Cyan, Magenta, Yellow (Gelb) und Key (Schwarz). Es ist das Farbmodell, das beim Farbdruck verwendet wird. Die Werte hier sind Prozentsätze von 0 bis 100.