HEX zu RGB Konverter

Konvertieren Sie jeden HEX-Farbcode sofort in RGB, HSL und HSV. Werte mit einem Klick für CSS, Design-Tools oder jeden kreativen Workflow kopieren.

RGB · HSL · HSV1-Klick-KopieCSS-ready

① HEX-Code eingeben oder Farbe wählen ② Konvertieren für RGB, HSL & HSV ③ Auf einen Wert klicken zum Kopieren

HEX-Farbe

Presets:

So funktioniert es

Fügen Sie einen 6-stelligen HEX-Code ein (z. B. #FF4500) und erhalten Sie sofort die äquivalenten RGB-, HSL- und HSV-Werte. Klicken Sie auf ein Ergebnis, um es zu kopieren.

RGB

Rot, Grün, Blau — das Standardfarbmodell für Bildschirme. Jeder Kanal hat Werte von 0 bis 255. Nativ in CSS mit der Funktion rgb() verwendet.

HSL & HSV

HSL (Farbton, Sättigung, Helligkeit) und HSV (Farbton, Sättigung, Wert) beschreiben Farben auf intuitivere, wahrnehmungsnahe Weise.

HEX zu RGB, HSL und HSV — so funktioniert die Konvertierung

HEX-Farbcodes sind die hexadezimale Darstellung der drei RGB-Kanäle (Rot, Grün, Blau). #FF4500 entspricht R=255, G=69, B=0. Die CSS rgb()-Funktion ist am häufigsten in Stylesheets verwendet. HSL fügt den Farbton 0–360° sowie Sättigung und Helligkeit in Prozent hinzu. HSV verwendet Wert statt Helligkeit und ist in Figma und Adobe-Tools für das visuelle Farbmischen natürlicher. Alle drei Formate sind direkt in CSS, SVG und Canvas nutzbar.

Häufig gestellte Fragen

Ein HEX-Code ist eine 6-stellige Farbdarstellung mit #-Präfix. Die ersten 2 Zeichen sind Rot, die nächsten 2 Grün, die letzten 2 Blau — jeweils von 00 (0) bis FF (255). #FF0000 ist reines Rot: R=255, G=0, B=0.

Teilen Sie die 6 Zeichen in drei Paare und konvertieren Sie jedes von Basis 16 auf Basis 10. FF wird 255, 80 wird 128, 00 wird 0. Das Ergebnis ist ein rgb(R, G, B)-Tripel.

Beide verwenden Farbton (0–360°) und Sättigung, unterscheiden sich aber im dritten Wert. HSL: Helligkeit 0%=schwarz, 100%=weiß, 50%=reine Farbe. HSV: Wert 0%=schwarz, 100%=maximale Helligkeit. HSL wird in CSS bevorzugt; HSV in grafischen Color-Pickern.

CSS unterstützt rgb() und hsl() nativ. rgb() ist am weitesten verbreitet. hsl() eignet sich gut für systematische Farbvariationen. HSV wird intern von Figma und Sketch verwendet, ist aber kein CSS-Standard.

Ja, HEX ↔ RGB ist mathematisch exakt und verlustfrei. HSL- und HSV-Konvertierung rundet auf ganze Grad, bleibt aber für praktischen Einsatz präzise.

Verwenden Sie rgb() oder hsl() direkt in CSS, geben Sie R/G/B-Werte in Figma ein, nutzen Sie HSV für gleichmäßige Farbskalen, oder fahren Sie mit dem Palette-Generator fort.

Das Tool konvertiert jeden gültigen 6-stelligen HEX-Code (#000000 bis #FFFFFF), also alle 16+ Millionen Farben im 8-Bit-RGB-Modell. Die Konvertierung erfolgt sofort im Browser ohne Datenübertragung.

HEX zu RGB, HSL und HSV — so funktioniert die Konvertierung

Häufig gestellte Fragen

Unser Netzwerk entdecken