RGB-zu-Hex-Konverter
Passen Sie die Schieberegler an oder fügen Sie unten einen HEX-Code ein, um sofort zwischen RGB, HEX und HSL zu konvertieren, mit einer Live-Farbvorschau – alles auf Ihrem Gerät berechnet.
Farbeingabe
Konvertierte Ausgabe
Rezensionen
So konvertieren Sie RGB in HEX
- Ziehen Sie die Schieberegler Rot, Grün und Blau – oder fügen Sie einen HEX-Code direkt in das Feld ein –, um eine Farbe festzulegen.
- Sehen Sie sich das Vorschau-Farbfeld an und die HEX-, RGB- und HSL-Werte werden live aktualisiert, wenn Sie etwas anpassen.
- Klicken Sie auf eine beliebige Wertkarte, um sie zu kopieren und in CSS, Designsoftware oder Code einzufügen.
RGB, HEX und HSL: Was ist der Unterschied?
RGB, HEX und HSL beschreiben alle genau dieselben Farben – es handelt sich lediglich um unterschiedliche Schreibweisen derselben Zahlen. RGB definiert eine Farbe anhand der Kombination von rotem, grünem und blauem Licht, jeweils auf einer Skala von 0 bis 255. HEX sind die gleichen RGB-Werte, die als kompakter 6-stelliger Basis-16-Code umgeschrieben werden, weshalb rgb(31, 58, 95) und #1f3a5f identische Farben sind. HSL beschreibt stattdessen eine Farbe nach Farbton (ihre Position auf einem Farbkreis), Sättigung (wie lebendig sie ist) und Helligkeit – ein Format, das sich oft intuitiver für die Auswahl verwandter Farbtöne eignet.
Wo jedes Format normalerweise verwendet wird
| Format | Typische Verwendung | Warum |
|---|---|---|
| VERHEXEN | CSS, HTML, Designtools | Kurz, einfach einzufügen und als einzelne Zeichenfolge zu teilen |
| RGB | CSS mit Transparenz (rgba) | Unterstützt einen Alphakanal für Deckkraft |
| HSL | Farbpaletten erstellen | Durch Ändern einer Zahl lassen sich leicht hellere/dunklere oder verwandte Farbtöne erzeugen |
Verwendung dieser Werte in CSS
Jedes der drei Formate funktioniert direkt in einem Stylesheet: color: #1f3a5f;, color: rgb(31, 58, 95); und color: hsl(210, 51%, 25%); geben alle das identische Marineblau wieder. HEX ist die gebräuchlichste Abkürzung für Volltonfarben, während RGB (oder die Variante rgba()) nützlich ist, wenn eine Farbe teilweise Transparenz benötigt, und HSL die Generierung eines konsistenten Satzes von Schattierungen erleichtert, indem der Farbton festgelegt bleibt und nur die Helligkeit angepasst wird.
Häufig gestellte Fragen
Ist die Nutzung dieses RGB-zu-HEX-Konverters kostenlos?+
Ja. Es läuft vollständig mit JavaScript in Ihrem Browser, daher gibt es weder ein Konto noch einen API-Schlüssel und keine Begrenzung hinsichtlich der Anzahl der Nutzungen.
Werden meine Farbdaten irgendwo hochgeladen?+
Nein. Jede Konvertierung erfolgt lokal in Ihrem Browser. Es wird nichts an einen Server gesendet, gespeichert oder protokolliert.
Was ist der eigentliche Unterschied zwischen HEX und RGB?+
Sie beschreiben dieselbe Farbe in unterschiedlichen Schreibweisen – HEX ist eine 6-stellige Basis-16-Kurzschrift für die gleichen Rot-, Grün- und Blauwerte, die RGB als drei separate Zahlen von 0 bis 255 ausschreibt.
Werkzeuge für Design und Entwicklung
So funktioniert dieser Konverter
Werte werden mit JavaScript live zwischen RGB, HEX und HSL konvertiert, während Sie tippen oder eine Farbe auswählen – Nichts, was Sie eingeben, wird auf einen Server hochgeladen oder irgendwo gespeichert.
Zuletzt aktualisiert: 28. August 2026.
Weitere Werkzeuge im Kasten
Weitere kostenlose Tools, für die kein API-Schlüssel erforderlich ist, finden Sie auf der Startseite.
QR-Code-Generator
Verwandeln Sie jeden Text oder jede URL in einen herunterladbaren QR-Code.
JSON-Formatierer
JSON formatieren, validieren und minimieren – mit Fehlerhinweisen.
Favicon-Generator
Verwandeln Sie ein Bild in die gewünschte Favicon-Größe.
UUID-Generator
Erstellen Sie sofort eine große Anzahl zufälliger v4-UUIDs.