Was ist ein Hexadezimal-zu-RGB-Konverter?

Ein Hexadezimal-zu-RGB-Konverter übersetzt Hexadezimal-Farbcodes (wie #FF5733) in ihre RGB (Rot, Grün, Blau) Dezimal-Äquivalente. Diese Konvertierung ist wichtig für die Webentwicklung, da CSS sowohl Hex- als auch rgb()-Farbformate unterstützt.

Anleitung zur Verwendung dieses Hexadezimal-zu-RGB-Konverters

Gib einen oder mehrere Farbwerte im Eingabebereich ein (einen pro Zeile). Das Tool akzeptiert sowohl Hex-Codes (z.B. #FF5733 oder FF5733) als auch RGB-Werte (z.B. rgb(255, 87, 51) oder 255, 87, 51).
Klicke auf Konvertieren zum Konvertieren. Hex-Eingaben werden in RGB umgewandelt und RGB-Eingaben werden in Hex umgewandelt – die Konvertierung ist bidirektional.
Verwende die Kopieren-Schaltfläche, um die Ergebnisse zu kopieren.

Wichtige Konzepte

Hex-Farben verwenden 6 Hexadezimal-Ziffern: Die ersten zwei stellen Rot (00-FF) dar, die mittleren zwei Grün und die letzten zwei Blau. Jedes Paar wird von Basis-16 in einen Dezimalwert zwischen 0-255 umgewandelt. Zum Beispiel wird #FF5733 zu R=255, G=87, B=51. Kurzschrift-Hex (#F00) wird durch Verdopplung jeder Ziffer (#FF0000) erweitert.

Häufig gestellte Fragen

Was ist mit 8-stelligen Hex-Codes?

8-stellige Hex-Codes beinhalten einen Alpha-Kanal für Transparenz. Die letzten zwei Ziffern stellen die Opazität von 00 (vollständig transparent) bis FF (vollständig undurchsichtig) dar und werden in RGBA-Werte konvertiert.

Gibt es eine Formel für die Konvertierung?

Ja. Jedes Hex-Paar wird unabhängig konvertiert: R = parseInt(hex[0..1], 16), G = parseInt(hex[2..3], 16), B = parseInt(hex[4..5], 16). Jedes Ergebnis reicht von 0 bis 255.

Welches Format sollte ich in CSS verwenden?

Beide sind in CSS gleich gültig. Hex ist kompakter (#FF5733), während rgb(255, 87, 51) lesbarer ist. Verwende rgba(), wenn du Transparenz brauchst.

HEX-zu-RGB-Konverter