colorize
ColorKit
CK

HEX zu RGB Konverter

Konvertieren Sie hexadezimale Web-Farbcodes sekundenschnell in das RGB-Format.

rgb(255, 87, 51)

Was bewirkt der HEX zu RGB Konverter?

Dieses Werkzeug übersetzt 6- oder 3-stellige Hexadezimal-Farbcodes direkt in Ihrem Browser in die entsprechenden Rot-, Grün- und Blauwerte (RGB).

Wie funktioniert die Umrechnung von HEX in RGB?

HEX und RGB repräsentieren denselben sRGB-Farbraum. Ein HEX-Code besteht aus drei Paaren im 16er-System. Um den 10er-Wert (0–255) zu erhalten, multipliziert man das erste Zeichen mit 16 und addiert das zweite.

Die mathematische Formel

Für den Farbcode #FF5733 gilt:

  • Rot (FF): (15 × 16) + 15 = 255
  • Grün (57): (5 × 16) + 7 = 87
  • Blau (33): (3 × 16) + 3 = 51

Somit entspricht #FF5733 dem Wert rgb(255, 87, 51).

Unterstützte Formate

Unterstützt werden 6-stellige Codes (#FF5733) sowie 3-stellige Kurzschreibweisen (#F00 wird zu #FF0000). Das Rautezeichen (#) ist optional.

JavaScript Codebeispiel

Falls Sie die Berechnungslogik in Ihrer eigenen Anwendung einsetzen möchten:

function hexToRgb(hex) {
  let clean = hex.replace(/^#/, '').trim();
  if (clean.length === 3) clean = clean.split('').map(c => c + c).join('');
  const val = parseInt(clean, 16);
  return { r: (val >> 16) & 255, g: (val >> 8) & 255, b: val & 255 };
}

Verwandte Werkzeuge

Sie möchten den umgekehrten Weg berechnen? Nutzen Sie unseren RGB zu HEX Konverter ⇄.

Wissensdatenbank & FAQ

Häufig gestellte Fragen

Direkte Antworten und Lösungen zu häufigen Fragen, technischen Herausforderungen und Webstandards.

Wie wird HEX mathematisch in RGB umgerechnet?expand_more
Ein HEX-Code wird in drei Paare zerlegt. Das erste Zeichen wird mit 16 multipliziert und das zweite addiert. Beispiel: 'FF' = (15 × 16) + 15 = 255.
Was ist der Unterschied zwischen HEX und RGB?expand_more
Beide Systeme beschreiben exakt denselben sRGB-Farbraum. RGB nutzt das Dezimalsystem (0–255), während HEX das Hexadezimalsystem (00–FF) nutzt.
Wie verwendet man RGB-Werte in CSS?expand_more
In CSS schreiben Sie background-color: rgb(255, 87, 51); oder für Transparenzen rgb(255 87 51 / 50%).