HEX-zu-RGB-Umwandler
Farben zwischen HEX, RGB und HSL umwandeln.
Auf jeder Seite nutzen (Bookmarklet)
Du möchtest HEX-zu-RGB-Umwandler nutzen, ohne die aktuelle Seite zu verlassen? Zieh den Button unten in deine Lesezeichenleiste und klicke ihn auf einer beliebigen Website an — HEX-zu-RGB-Umwandler öffnet sich direkt dort und läuft vollständig in deinem Browser.
Verantwortungsvoll nutzen: Ein Bookmarklet läuft auf der Seite, auf der du es anklickst. Meide sensible Websites wie Online-Banking, Zahlungen oder Gesundheitsseiten — die Nutzung erfolgt auf eigenes Risiko. Alles wird lokal verarbeitet, es werden keine Daten gesendet. Siehe unsere Nutzungsbedingungen.
- Blende die Lesezeichenleiste ein, falls sie verborgen ist — Ctrl+Shift+B (⌘+Shift+B auf dem Mac).
- Zieh den Button oben auf die Lesezeichenleiste.
- Öffne eine beliebige Website und klicke das Lesezeichen — das HEX-zu-RGB-Umwandler-Panel erscheint oben rechts. Mit ✛ wechselst du die Ecke, mit ›/‹ klappst du es an den Rand und wieder heraus.
- Klicke das Lesezeichen erneut (oder ✕), um es zu schließen.
Hinweis: Einige Websites mit strengen Sicherheitsrichtlinien können Bookmarklets blockieren.
Beispiele
HEX → RGB & HSL
Eingabe
#3B82F6
Ausgabe
rgb(59, 130, 246) · hsl(217, 91%, 60%)
RGB → HEX
Eingabe
rgb(255, 99, 71)
Ausgabe
#FF6347 · hsl(9, 100%, 64%)
Über dieses Tool
Dieser kostenlose Online-Farbkonverter übersetzt Farben zwischen HEX, RGB und HSL. Gib einen Wert in einem der drei Formate ein — oder nutze den Farbwähler oder die Pipette, um eine Farbe von überall auf dem Bildschirm zu greifen (Chrome und Edge) — und die anderen Formate aktualisieren sich sofort neben einer Live-Farbfläche. Er akzeptiert Kurzform und 8-stelliges Hex sowie rgb()- und hsl()-Notation. Alles läuft in deinem Browser ohne Upload.
So funktioniert's
- Gib eine HEX-, RGB- oder HSL-Farbe ein (oder wähle eine mit der Farbfläche).
- Lies die konvertierten Werte für alle drei Formate.
- Kopiere das Format, das du brauchst.
Häufige Einsätze
Design-Tokens zwischen Formaten konvertieren, Markenfarben in CSS abgleichen, einen Hex-Code aus einem Mockup in rgb() oder hsl() übersetzen und Helligkeit sowie Sättigung über HSL anpassen.
Häufig gestellte Fragen
Wie konvertiere ich HEX in RGB?
Füge eine Hex-Farbe wie #3B82F6 ein, und das Tool zeigt sofort das entsprechende rgb(59, 130, 246) und die hsl-Werte mit einer Live-Farbfläche.
Konvertiert es RGB und HSL zurück in HEX?
Ja. Gib einen beliebigen rgb()- oder hsl()-Wert ein und du erhältst das passende HEX, RGB und HSL — die Konvertierung funktioniert in jede Richtung.
Ist dieser Farbkonverter kostenlos?
Ja — ein komplett kostenloser Online-Konverter für HEX, RGB und HSL ohne Anmeldung.
Unterstützt es Kurzform und 8-stelliges Hex?
Ja. Er akzeptiert 3-stellige (#abc), 4-, 6- und 8-stellige Hex-Codes; ein Alphakanal wird in der RGB/HSL-Ausgabe ignoriert.
Kann ich eine Farbe visuell auswählen?
Ja. Nutze den eingebauten Farbwähler, um eine Farbe zu wählen, und die HEX-, RGB- und HSL-Werte aktualisieren sich automatisch.
Kann ich eine Farbe aus einem Bild oder von überall auf dem Bildschirm greifen?
Ja, in Chrome und Edge. Klicke auf die Pipette (oder führe das Bookmarklet auf einer beliebigen Seite aus), und dein Cursor wird zum Farbwähler — klicke auf ein beliebiges Pixel eines Bildes, einer Website oder eines anderen Fensters, um dessen Hex-Farbe zu erfassen. Die Pipette ist in Firefox und Safari nicht verfügbar, daher erscheint der Button nur dort, wo er unterstützt wird.
Werden meine Daten irgendwohin hochgeladen?
Nein. Die gesamte Konvertierung geschieht in deinem Browser ohne Upload.
Ähnliche Tools