Kostenloses Tool

HEX zu RGB umrechnen.

Gib einen HEX-Code ein oder stelle die RGB-Kanäle ein — beide Werte bleiben synchron, dazu HSL und eine Farb-Vorschau. Alles läuft in deinem Browser.

Kurz gesagt

Ein HEX-Farbcode wie #3B82F6 wird in RGB umgerechnet, indem je zwei Stellen als Hexadezimalzahl für Rot, Grün und Blau (0–255) gelesen werden: #3B82F6 = rgb(59, 130, 246). Mit dem Tool von Forge12 geht das live und in beide Richtungen — inklusive HSL-Ausgabe und Farb-Vorschau, komplett im Browser.

RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)

HEX, RGB und HSL — kurz erklärt

HEX ist die aus dem Web bekannte Schreibweise (#RRGGBB), bei der jede Farbkomponente als zweistellige Hexadezimalzahl steht. RGB gibt dieselbe Farbe als drei Dezimalwerte von 0 bis 255 an — praktisch für CSS, Design-Tools und Grafikprogramme.

HSL (Farbton, Sättigung, Helligkeit) beschreibt die Farbe intuitiver: Der Farbton als Winkel (0–360°), Sättigung und Helligkeit in Prozent. Für kleine Anpassungen (heller, kräftiger) ist HSL oft angenehmer als HEX.

FAQ

Häufige Fragen

01Wie rechne ich HEX in RGB um?

Zerlege den HEX-Code in drei Paare: #RR GG BB. Jedes Paar ist eine Hexadezimalzahl von 00 bis FF (0 bis 255). Beispiel: #3B82F6 wird zu R=59, G=130, B=246, also rgb(59, 130, 246).

02Funktioniert auch die Kurzform #RGB?

Ja. Eine dreistellige Kurzform wie #39F wird zu #3399FF verdoppelt und dann umgerechnet.

03Werden meine Eingaben übertragen?

Nein. Die Umrechnung läuft vollständig in deinem Browser. Es gibt keinen Server-Aufruf, nichts wird gespeichert.

04Was ist der Unterschied zwischen RGB und HSL?

RGB mischt Rot, Grün und Blau (je 0–255). HSL beschreibt die Farbe über Farbton (0–360°), Sättigung und Helligkeit (je 0–100%) — intuitiver für Anpassungen. Beide beschreiben dieselbe Farbe.