Beginner

HEX-zu-RGB-Farbkonverter

Verwandeln Sie jeden Hex-Farbcode in seine Rot-, Grün- und Blau-Kanalwerte und eine direkt einfügbare CSS-rgb()-Zeichenkette.
Accepts #RGB or #RRGGBB
CSS color
rgb(59, 130, 246)
14%
30%
57%
R 59
G 130
B 246
Red / Green / Blue channel mix (0–255 each)
Red (R)
59
Green (G)
130
Blue (B)
246
Normalized hex
#3b82f6
Step by step
  1. 1

    Red channel

    3 × 16 + 11 = 59
  2. 2

    Green channel

    8 × 16 + 2 = 130
  3. 3

    Blue channel

    15 × 16 + 6 = 246
    Each 2-digit hex pair converts to decimal as: high digit × 16 + low digit.
Die Ergebnisse sind Schätzungen, die nur der allgemeinen Information dienen und keine professionelle Beratung darstellen — überprüfen Sie wichtige Ergebnisse stets unabhängig, bevor Sie sich darauf verlassen. Vollständigen Haftungsausschluss lesen.
Schnelle Antwort

Wie funktioniert dieser Rechner?

Eine Hex-Farbe wird in RGB umgewandelt, indem man das "#" entfernt, die 3-stellige Kurzform auf 6 Ziffern erweitert und dann jedes Paar Hex-Ziffern als Zahl zur Basis 16 von 0 bis 255 für Rot, Grün und Blau liest. Diese drei Werte bilden die CSS-Zeichenkette rgb(R, G, B), die direkt in Stylesheets verwendet wird.

Formel
R = hex[0:2]₁₆, G = hex[2:4]₁₆, B = hex[4:6]₁₆ → rgb(R, G, B)
How this is calculated

Geben Sie eine Hex-Farbe entweder als 6-stelligen Code (#RRGGBB) oder als 3-stellige Kurzform (#RGB) ein. Der Konverter entfernt zuerst das führende "#". Werden nur drei Ziffern angegeben, wird jede Ziffer verdoppelt, sodass #abc zu #aabbcc erweitert wird — dies hält die Kurz- und Vollform optisch identisch.

Die sechs Hex-Ziffern werden dann in drei Paare aufgeteilt. Jedes Paar ist eine Zahl zur Basis 16 (hexadezimal), die in eine Ganzzahl zur Basis 10 zwischen 0 und 255 umgewandelt wird: R aus dem ersten Paar, G aus dem zweiten und B aus dem dritten. Da zwei Hex-Ziffern von 00 bis FF reichen, bildet sich jeder Kanal sauber auf den von CSS und den meisten Anzeigesystemen verwendeten Bereich 0–255 ab.

Die drei Kanalwerte werden zu einer CSS-Zeichenkette der Form rgb(R, G, B) zusammengesetzt. Die Eingabe wird daraufhin geprüft, dass sie nur die Zeichen 0–9 und a–f (ohne Groß-/Kleinschreibung) enthält und nach Entfernen des "#" genau 3 oder 6 Ziffern lang ist; alles andere wird abgelehnt, sodass Sie nie eine halb geparste Farbe erhalten.

Häufige Fragen

Sie beschreiben denselben Farbraum. Die 3-stellige Kurzform wiederholt einfach jede Ziffer, sodass #f0c identisch mit #ff00cc ist. Verwenden Sie die Kurzform nur, wenn jeder Kanal eine wiederholte Ziffer nutzt.

Nein. Die Hex-Ziffern A–F und a–f stehen für dieselben Werte, sodass #FF8800 und #ff8800 zur selben rgb(255, 136, 0) umgewandelt werden.

Zwei Hexadezimalziffern umfassen 00 bis FF, was 0 bis 255 im Dezimalsystem entspricht. Dieser 8-Bit-Bereich ist die Standardpräzision für jeden Farbkanal auf Bildschirmen.

Auch bekannt als

hex in rgb
hex zu rgb umrechner
hex farbe in rgb
farbcode umrechner
hexadezimal farbe
css farbe umrechnen

APA

TG we-Calculate Editorial Team. (2026). HEX-zu-RGB-Farbkonverter [Online calculator]. TG we-Calculate. https://we-calculate.com/de/calculator/hex-to-rgb-color-converter

Chicago

TG we-Calculate Editorial Team. "HEX-zu-RGB-Farbkonverter." TG we-Calculate. 2026. https://we-calculate.com/de/calculator/hex-to-rgb-color-converter.

IEEE

TG we-Calculate Editorial Team, "HEX-zu-RGB-Farbkonverter," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/de/calculator/hex-to-rgb-color-converter

BibTeX

@misc{wecalculate_hex_to_rgb_color_converter, title = {HEX-zu-RGB-Farbkonverter}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/de/calculator/hex-to-rgb-color-converter}}, year = {2026}, note = {TG we-Calculate} }

Hat Ihnen dieser Rechner geholfen?