HEX, RGB und HSL live im Browser umwandeln
Tippe eine Farbe in das HEX-, RGB- oder HSL-Feld ein, und die anderen beiden aktualisieren sich sofort, zusammen mit einer Vorschau der aktuellen Farbe. Praktisch für CSS-Arbeit, die Übergabe an ein Design, oder um einfach zu sehen, wie ein Farbcode tatsächlich aussieht.
Die Umwandlung ist selbst geschrieben und nutzt die Standard-sRGB↔HSL-Mathematik (dieselben Formeln, die Browser intern für hsl() und rgb() verwenden) — keine externe Bibliothek, nichts wird geladen oder hochgeladen.
Warum deine Eingaben auf dem Gerät bleiben
Datenschutz ist hier strukturell, kein Versprechen. Es gibt keinen Upload-Schritt, weil es keinen Server gibt, zu dem etwas hochgeladen werden könnte:
- Die Umwandlung läuft vollständig in deinem Browser.
- Die Seite wird als statische Dateien ausgeliefert und sendet keine Anfrage mit den Farbwerten, die du eingibst.
- Der Quellcode ist offen und kann von allen eingesehen werden (MIT).
- Die Seite funktioniert offline – was nur möglich ist, weil nichts das Gerät verlässt.
Wenn du es selbst prüfen willst, öffne beim Umwandeln das Netzwerk-Panel deines Browsers – keine Anfrage trägt deine Eingaben. Quellcode ansehen.
So funktioniert es
-
Farbe in ein beliebiges Feld eingeben
Gib einen HEX-Code (#fff oder #ffffff), einen RGB-Wert (rgb(255,0,0) oder 255,0,0) oder einen HSL-Wert (hsl(0,100%,50%) oder 0,100%,50%) ein.
-
Die anderen beiden aktualisieren sich
Die beiden Felder, in die du nicht getippt hast, aktualisieren sich live zur entsprechenden Farbe, und die Vorschau passt sich an.
-
Ungültige Eingaben nur in diesem Feld
Ist deine Eingabe in diesem Format ungültig, zeigt nur dieses Feld einen Hinweis direkt im Feld — die anderen beiden behalten ihre letzten gültigen Werte, du verlierst also nie deinen Stand.
Häufige Fragen
Wird das, was ich eingebe, irgendwohin hochgeladen?
Nein. Die Umwandlung läuft vollständig in deinem Browser. Es gibt keine Serverkomponente, also gibt es für die Farbwerte, die du eingibst, keinen Weg vom Gerät. Der Quellcode ist offen und du kannst das im Netzwerk-Panel deines Browsers nachprüfen.
Welche HEX-, RGB- und HSL-Formate werden akzeptiert?
HEX akzeptiert #fff oder #ffffff (das führende # ist optional, Groß-/Kleinschreibung egal). RGB akzeptiert rgb(r,g,b) oder ein einfaches r,g,b, jeder Kanal 0-255. HSL akzeptiert hsl(h,s%,l%) oder einfache Werte, Farbton 0-360 und Sättigung/Helligkeit 0-100.
Werden CMYK, HSB/HSV oder benannte CSS-Farben (z. B. "tomato") unterstützt?
Nein — dieses Tool ist bewusst auf HEX, RGB und HSL beschränkt. CMYK und HSB/HSV sind andere Farbmodelle mit eigenen Annahmen, und benannte CSS-Farben sind eine feste Tabelle, keine Umwandlung; keines von beidem gehört zu diesem Tool.
Kann ich eine Farbe aus einem Bild auswählen?
Mit diesem Tool nicht — eine Farbe aus einem Bild auszuwählen (eine Pipette) ist ein eigenes Tool. Dieses Tool wandelt nur zwischen Farbcodes um, die du selbst eingibst.
Was passiert, wenn ich einen ungültigen Wert eingebe?
Nur das Feld, das du gerade bearbeitest, zeigt einen Hinweis direkt im Feld. Die anderen beiden Felder — und die Vorschau — zeigen weiterhin die zuletzt gültige Farbe, ein Tippfehler löscht also nie deine Arbeit.
Funktioniert es offline?
Ja. Das Tool ist eine PWA. Nach dem ersten Besuch wird es zwischengespeichert, sodass es ohne Netzwerkverbindung funktioniert. Du kannst es auch zum Startbildschirm hinzufügen.