DE

HEX in RGB umrechnen

Füge einen Hex-Farbcode ein und bekomm sofort seine RGB-Werte, in moderner CSS-Schreibweise und in der klassischen Form mit Kommas.

Kostenlos und privat. Alles läuft in deinem Browser, nichts wird hochgeladen.

So funktioniert es

  1. Farbe eingebenTippe den Wert in das Eingabefeld oder füge ihn ein.
  2. Ergebnis kopierenDer umgerechnete Wert steht oben in der Liste.
  3. Mehr entdeckenWeitere Formate, Kontrast und Abstufungen findest du darunter.

Von #RRGGBB zu Rot, Grün und Blau

Ein Hex-Code besteht einfach aus drei Zahlen von 0 bis 255 im Sechzehnersystem: In #0D6B57 stehen die Paare 0D, 6B und 57 für Rot 13, Grün 107 und Blau 87. Kurze Codes wie #fa0 verdoppeln jede Ziffer, und achtstellige Codes fügen einen Alphakanal hinzu. #0D6B5780 ist also dieselbe Farbe mit etwa 50 Prozent Deckkraft.

Das Ergebnis erscheint als rgb(13 107 87), die moderne CSS-Schreibweise, und als rgb(13, 107, 87) oder rgba() für älteren Code, Designprogramme und Farb-APIs von Android oder iOS, die einzelne Zahlen erwarten.

Ebenfalls nützlich

HSL-, OKLCH- und CMYK-Werte stehen darunter, zusammen mit einer Kontrastprüfung und Abstufungen, falls du gerade eine Palette aufbaust.

Häufige Fragen

Wie rechne ich einen Hex-Code mit Transparenz um?

Nimm 8 Stellen, zum Beispiel #0D6B5780. Die letzten beiden Stellen sind der Alphawert.

Welche Farbformate kann ich eingeben?

Alles, was in CSS gültig ist: HEX mit 3, 4, 6 oder 8 Stellen, rgb(), hsl(), hwb(), lab(), oklch() und Farbnamen.

Ist der CMYK-Wert für den Druck exakt?

Es ist eine einfache Umrechnung ohne Druckerprofil. Für professionellen Druck nimm die CMYK-Werte aus dem Profil deiner Druckerei.

Welches Kontrastverhältnis brauche ich?

WCAG AA verlangt 4,5:1 für normalen Text und 3:1 für großen Text und Bedienelemente.

Warum ist OKLCH wichtig?

Es entspricht der Art, wie Menschen Helligkeit wahrnehmen. Paletten und Farbverläufe in OKLCH wirken deshalb gleichmäßig.