Farbkonverter — HEX zu RGB, RGB zu HSL und HSL

Mit diesem kostenlosen Online-Farbkonverter wandelst du jede Farbe an einem Ort zwischen HEX, RGB und HSL um. Egal ob du HEX zu RGB, RGB zu HSL, HEX zu HSL oder die Rückrichtung brauchst — wähle einfach eine Farbe mit dem Farbwähler oder tippe einen Wert in ein beliebiges Feld, und die anderen Formate aktualisieren sich sofort neben einem großen Live-Vorschaufeld. Jeder Wert hat eine Schaltfläche zum Kopieren per Klick, sodass ein HEX-Code oder ein rgb()-String für dein CSS mit einem Tipp bereitliegt. Kurze 3-stellige HEX-Codes werden automatisch erweitert, und alle Berechnungen laufen zu 100% in deinem Browser — kein Farbwert wird jemals hochgeladen.

🔒 100 % privat — Dateien verlassen dein Gerät nie

Wird geladen…

So funktioniert es

  1. Wähle eine Farbe mit dem Farbwähler oder tippe einen Wert in das HEX-, RGB- oder HSL-Feld.
  2. Die beiden anderen Formate und das Live-Vorschaufeld aktualisieren sich beim Tippen automatisch.
  3. Prüfe das Vorschaufeld, um zu bestätigen, dass du genau die gewünschte Farbe hast.
  4. Klicke auf Kopieren neben dem benötigten HEX-, RGB- oder HSL-Wert und füge ihn in dein Projekt ein.

Häufige Fragen

Welche Farbformate unterstützt der Konverter?

Er konvertiert zwischen HEX (zum Beispiel #4f8cff), RGB (zum Beispiel rgb(79, 140, 255)) und HSL (zum Beispiel hsl(218, 100%, 65%)). Das Bearbeiten eines Feldes aktualisiert sofort die anderen beiden und das Vorschaufeld.

Werden meine Farbdaten irgendwohin hochgeladen?

Nein. Die gesamte Konvertierung erfolgt lokal in deinem Browser mit einfacher Mathematik. Kein Farbwert und keine Auswahl aus dem Farbwähler wird an einen Server gesendet, daher funktioniert das Tool nach dem Laden sogar offline.

Kann ich einen 3-stelligen HEX-Code einfügen?

Ja. Kurze HEX-Codes wie #abc werden vor der Umwandlung automatisch auf ihre vollständige 6-stellige Form (#aabbcc) erweitert, sodass du Kurzschreibweisen direkt einfügen kannst.

Werden CMYK oder Alpha-Transparenz unterstützt?

Nein. Dieses Tool konzentriert sich nur auf HEX, RGB und HSL. Es liest die RGB-Werte aus rgba()/hsla()-Strings, ignoriert aber den Alphakanal, und CMYK wird nicht unterstützt.

Sind die Umwandlungen zwischen HEX, RGB und HSL exakt?

HEX und RGB entsprechen sich eins zu eins und sind immer exakt. HSL-Werte werden auf ganze Zahlen gerundet, sodass ein Hin- und Rückweg um einen Punkt abweichen kann — das entspricht der HSL-Behandlung von Browsern und ist auf dem Bildschirm unsichtbar.

Kann ich die Ergebnisse in CSS verwenden?

Ja. Die RGB- und HSL-Ausgaben sind als sofort nutzbare rgb(...)- und hsl(...)-Strings formatiert, und der HEX-Wert funktioniert überall dort, wo eine Farbe erwartet wird, sodass du direkt in dein Stylesheet kopieren und einfügen kannst.

Über dieses Tool

Kostenloser Farbkonverter: HEX zu RGB, RGB zu HSL und HEX zu HSL sofort umwandeln. Läuft zu 100% im Browser mit Live-Vorschau — nichts wird hochgeladen.

Verwandte Tools