RGB-zu-Hex-Konverter

Was ist das und wie funktioniert es?

So konvertiert man RGB in HEX

1. Zieh die Schieberegler für Rot, Grün und Blau – oder gib einen HEX-Code direkt in das Feld ein –, um eine Farbe festzulegen.
2. Beobachte, wie sich die Vorschau und die HEX-, RGB- und HSL-Werte in Echtzeit anpassen, sobald du Änderungen vornimmst.
3. Klicke auf eine beliebige Wertkarte, um sie zu kopieren und anschliessend in CSS, eine Design-Software oder einen Code einzufügen.

Grundlagen der Farbenlehre

RGB, HEX und HSL: Was ist der Unterschied?

RGB, HEX und HSL beschreiben alle genau dieselben Farben – es handelt sich lediglich um unterschiedliche Schreibweisen für dieselben Zahlen. Bei RGB wird eine Farbe dadurch definiert, in welchem Verhältnis sich rotes, grünes und blaues Licht zu ihr zusammenmischen, jeweils auf einer Skala von 0 bis 255. HEX entspricht denselben RGB-Werten, die als kompakter 6-stelliger Code zur Basis 16 umgeschrieben wurden, weshalb rgb(31, 58, 95) und #1f3a5f identische Farben sind. HSL hingegen beschreibt eine Farbe anhand des Farbtons (ihrer Position auf einem Farbkreis), der Sättigung (wie intensiv sie ist) und der Helligkeit – ein Format, das oft intuitiver ist, um verwandte Farbtöne auszuwählen.

Wo die einzelnen Formate typischerweise verwendet werden

Format	Typische Anwendung	Warum
HEX	CSS, HTML, Design-Tools	Kurz, lässt sich leicht einfügen und als einzelne Zeichenfolge teilen
RGB	CSS mit Transparenz (rgba)	Unterstützt einen Alphakanal für die Deckkraft
HSL	Farbpaletten erstellen	Durch Ändern einer Zahl lassen sich ganz einfach hellere, dunklere oder ähnliche Farbtöne erzeugen

Webdesign

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%); alle ergeben das gleiche Marineblau. HEX ist die gängigste Kurzschreibweise für Vollfarben, während RGB (oder dessen rgba() Variante) ist nützlich, wenn eine Farbe teilweise transparent sein soll, und HSL erleichtert die Erstellung einer einheitlichen Farbpalette, indem der Farbton festgehalten und nur die Helligkeit angepasst wird.

Die am häufigsten gestellten Fragen

Häufig gestellte Fragen

Ist dieser RGB-zu-HEX-Konverter kostenlos nutzbar?+

Ja. Es läuft vollständig mit JavaScript in deinem Browser, es gibt also weder ein Konto noch einen API-Schlüssel, und es gibt keine Begrenzung, wie oft du es nutzen kannst.

Werden meine Farbdaten irgendwo hochgeladen?+

Nein. Jede Konvertierung erfolgt lokal in deinem Browser. Es werden keine Daten an einen Server gesendet, gespeichert oder protokolliert.

Was ist eigentlich der Unterschied zwischen HEX und RGB?+

Sie beschreiben dieselbe Farbe in unterschiedlichen Notationen – HEX ist eine 6-stellige Kurzschreibweise im 16er-System für dieselben Rot-, Grün- und Blauwerte, die RGB als drei separate Zahlen zwischen 0 und 255 angibt.

Verwandte Tools

Tools für Design und Entwicklung

• Farbpaletten-Generator – Erstelle eine komplette Farbpalette rund um eine konvertierte Farbe.
• Favicon-Generator – wandle ein Bild in Favicon-Dateien für eine Website um.
• JSON-Formatter – ein weiteres schnelles Browser-Tool, für das keine Registrierung erforderlich ist.

Methodik

So funktioniert dieser Konverter

Die Werte werden in Echtzeit mit JavaScript zwischen RGB, HEX und HSL umgerechnet, während du eine Farbe eingibst oder auswählst – nichts, was du eingibst, wird auf einen Server hochgeladen oder irgendwo gespeichert.

Zuletzt aktualisiert: 28. August 2026.