Hex in RGB umrechnen

Q: Wie rechne ich Hex in JavaScript oder Python in RGB um?

JavaScript: [1, 3, 5].map((i) => parseInt(hex.slice(i, i + 2), 16)) für einen Code wie #RRGGBB . Python: tuple(int(h[i:i + 2], 16) for i in (1, 3, 5)) . In CSS ist keine Umrechnung nötig – beide Schreibweisen werden akzeptiert.

Geben Sie einen Hex-Farbcode wie #7C3AED ein und erhalten Sie sofort die RGB-Werte. Kurzformen wie #F80, 8-stellige Codes mit Transparenz und Codes ohne # funktionieren ebenso – oder Sie wählen eine Farbe direkt visuell aus.

#7C3AEDKlicken, um eine Farbe auszuwählen

Hex-Farbcode

RGB-Werte

CSS-rgb()-Wert

Alle Farbformate

HEX
RGB
RGBA
HSL
HSV
CMYK
CSS-Name

So wird gerechnet

Privat: Ihre Daten werden in Ihrem Browser verarbeitet und nie hochgeladen.

So rechnen Sie Hex in RGB um

Geben Sie einen Hex-Farbcode mit oder ohne # in das Feld Hex-Farbcode ein oder fügen Sie ihn ein – oder klicken Sie auf das Farbfeld, um eine Farbe auszuwählen.
Lesen Sie das Ergebnis als rgb() ab und sehen Sie die Rot-, Grün- und Blauwerte an den Schiebereglern, zusammen mit HSL, HSV und CMYK.
Kopieren Sie jedes Format mit einem Klick. Die Formel neben den Formaten zeigt, wie aus jedem Paar Hex-Ziffern eine Zahl von 0 bis 255 wird.

Formel: Hex in RGB umrechnen

Ein Hex-Farbcode besteht aus drei Bytes in hexadezimaler Schreibweise: #RRGGBB. Jedes Ziffernpaar ist ein Kanal von 00 (0) bis FF (255). Um ein Paar umzurechnen, multiplizieren Sie die erste Ziffer mit 16 und addieren die zweite, wobei A = 10, B = 11, C = 12, D = 13, E = 14 und F = 15 gilt. Beispiel für #7C3AED:

Rot: 7C = 7 × 16 + 12 = 124
Grün: 3A = 3 × 16 + 10 = 58
Blau: ED = 14 × 16 + 13 = 237

Also ist #7C3AED = rgb(124, 58, 237).

Kurzschreibweise und transparente Hex-Codes

Ein 3-stelliger Code ist eine Kurzform, in der jede Ziffer verdoppelt wird: #F80 = #FF8800 = rgb(255, 136, 0). Ein 8-stelliger Code ergänzt ein Alpha-Byte für die Deckkraft: In #7C3AED80 ist das letzte Paar 80 = 128, und 128 ÷ 255 ≈ 0,5 – das entspricht also rgba(124, 58, 237, 0.5). Die 4-stellige Form #RGBA funktioniert genauso.

Gängige Hex-Farbcodes und ihre RGB-Werte

Farbe	Hex	RGB
Weiß	`#FFFFFF`	`rgb(255, 255, 255)`
Schwarz	`#000000`	`rgb(0, 0, 0)`
Rot	`#FF0000`	`rgb(255, 0, 0)`
Hellgrün	`#00FF00`	`rgb(0, 255, 0)`
Blau	`#0000FF`	`rgb(0, 0, 255)`
Gelb	`#FFFF00`	`rgb(255, 255, 0)`
Orange	`#FFA500`	`rgb(255, 165, 0)`
Grau	`#808080`	`rgb(128, 128, 128)`
Marineblau	`#000080`	`rgb(0, 0, 128)`
Lila	`#800080`	`rgb(128, 0, 128)`
Petrol	`#008080`	`rgb(0, 128, 128)`

Häufig gestellte Fragen

Wie rechne ich Hex von Hand in RGB um?

Teilen Sie den Code in drei Paare und rechnen Sie jedes Paar aus dem Hexadezimalsystem um: erste Ziffer × 16 + zweite Ziffer. Für #1E90FF gilt: 1E = 30, 90 = 144 und FF = 255, die Farbe ist also rgb(30, 144, 255).

Was bedeutet ein 3-stelliger Hex-Farbcode wie #F80?

Er ist die Kurzform eines 6-stelligen Codes, bei dem jede Ziffer verdoppelt wird: #F80 = #FF8800 = rgb(255, 136, 0). Nur Farben, deren Paare aus zwei gleichen Ziffern bestehen, lassen sich so verkürzen.

Wie rechne ich Hex in JavaScript oder Python in RGB um?

JavaScript: [1, 3, 5].map((i) => parseInt(hex.slice(i, i + 2), 16)) für einen Code wie #RRGGBB. Python: tuple(int(h[i:i + 2], 16) for i in (1, 3, 5)). In CSS ist keine Umrechnung nötig – beide Schreibweisen werden akzeptiert.

Ist Hex oder RGB besser für CSS?

Beide beschreiben genau dieselben Farben. Hex ist kürzer und in Designtools verbreitet; rgb() ist leichter zu lesen und anzupassen und macht Transparenz mit rgba() sofort erkennbar. Moderne Browser akzeptieren außerdem 8-stellige Hex-Codes mit Alpha.