Farbkonverter – HEX, RGB & HSL online umwandeln (kostenlos)

Farben online zwischen HEX, RGB und HSL umwandeln – mit Live-Vorschau und sofortiger Anzeige aller Formate. Kostenlos, direkt im Browser, ohne Upload.

Alle Werkzeuge laufen in Ihrem Browser – nichts, was Sie verarbeiten, wird hochgeladen.

So verwenden Sie dieses Werkzeug

Geben Sie eine Farbe in einem unterstützten Format ein – #3b82f6, rgb(59, 130, 246) oder hsl(217, 91%, 60%).
Beobachten Sie, wie die beiden anderen Formate sofort aktualisiert werden – zusammen mit einer Live-Vorschau der Farbe.
Kopieren Sie das Format, das Sie für CSS, Design-Software oder Code brauchen.

Alles läuft lokal in Ihrem Browser. Es gibt keinen Upload, keinen Account und keine Begrenzung für die Anzahl der Umwandlungen.

HEX, RGB und HSL sind drei Sichtweisen auf dieselbe Farbe. Webentwickler wechseln ständig zwischen ihnen: Eine Palette aus dem Design-Tool kommt als HEX, eine Komponente braucht einen rgb()-Override, und ein Animationsskript möchte zwischen HSL-Werten interpolieren. Die Umrechnung von Hand ist fehleranfällig – eine einzige falsche Ziffer verändert die gesamte Farbe.

Tipps

Auch Kurzformen wie #fff funktionieren. Wenn Sie etwas eingeben, das das Werkzeug nicht lesen kann, erhalten Sie einen Hinweis statt einer Vermutung – ungültige Werte erzeugen also nie still eine falsche Farbe. Nutzen Sie die HSL-Ansicht, um die Helligkeit anzupassen, ohne den Farbton zu verändern.

Warum dieses Werkzeug nutzen

Design-Tools und CSS verwenden beide Farben, aber selten im selben Format. Statt zwischen Entwicklertools und Rechnern zu wechseln, liefert dieser Konverter jedes Format an einem Ort – mit einer visuellen Kontrollmöglichkeit. Schnell, privat und präzise.

Real-world use cases

API development: Format JSON responses from Chrome DevTools before committing fixtures.
Debugging: Validate timestamps, regex or hashes without switching to a terminal or IDE.
On-call fixes: From your phone, quickly convert timezone or generate a UUID for a hotfix branch.

How it compares

Tool	Offline	Privacy	Setup	Cost
This tool	Yes	100% local	None	Free
Server tools	No	May log IP	None	Free/Ads
CLI / IDE plugin	Yes	Local	Install & config	Free

For quick checks without context switching, the browser tool is fastest. For CI, keep the CLI as source of truth.

Pro tips

Bookmark the tool. With prefetch enabled, it opens near-instantly next time.
For secrets like hashes with salts, prefer your local terminal for production values.
Pair UUID/Password generators with your password manager for rotation workflows.

FAQ

Wie wandele ich HEX in RGB um?

Fügen Sie einen Hex-Wert wie #3b82f6 in das Eingabefeld ein. Die RGB- und HSL-Felder aktualisieren sich sofort, und die Vorschau zeigt die tatsächliche Farbe. Sie können auch rgb(59, 130, 246) oder hsl(217, 91%, 60%) einfügen und erhalten alle drei Formate zurück.

Was ist der Unterschied zwischen HEX, RGB und HSL?

HEX ist eine sechsstellige Hexadezimal-Abkürzung, wie sie in CSS und Design-Tools verwendet wird. RGB beschreibt eine Farbe über die Kanäle Rot, Grün und Blau. HSL stellt sie über Farbton, Sättigung und Helligkeit dar – für viele intuitiver beim Auswählen und Anpassen von Farben.

Welches Format sollte ich in CSS verwenden?

Alle drei funktionieren im modernen CSS. HEX ist die gängigste Konvention, rgb() ist eine gleichwertige Alternative und hsl() ist praktisch, wenn Sie Helligkeit oder Sättigung programmatisch anpassen möchten.

Wird meine Farbeingabe übertragen?

Nein. Die Konvertierung erfolgt vollständig in Ihrem Browser. Ihre Eingaben werden weder gespeichert noch an einen Server gesendet.

Is it safe to paste production secrets?

Local processing is safer than server tools, but avoid pasting real production secrets anywhere.

Does this work offline?

Yes. After the first load the tool works without network.