Hex-in-RGB-Konverter

Ein Entwurf liefert den Farbwert #FF5733, dein Stylesheet verlangt jedoch das Format rgb(255, 87, 51) — beides beschreibt exakt denselben orangeroten Farbton, lediglich in zwei unterschiedlichen Notationen für Web und Entwicklung.

Funktionsweise der Hex-in-RGB-Umwandlung

Ein hexadezimaler Farbcode gliedert sich nach dem Rautezeichen # in drei Zeichenpaare für die Farbkanäle Rot, Grün und Blau. Jedes Paar nutzt die Basis 16 im Bereich von 00 bis FF, was im gewohnten Zehnersystem den Dezimalwerten von 0 bis 255 entspricht.

Am Beispiel von #FF5733 bedeutet das: FF steht für 255, 57 für 87 und 33 für 51. Daraus ergeben sich 255 für Rot, 87 für Grün sowie 51 für Blau — ein kräftiges Orangerot. Liegt ein Wertepaar nahe bei FF, strahlt der entsprechende Kanal mit voller Intensität, während Werte nahe 00 kaum Helligkeit beisteuern.

Typische Farbwerte im Hex-in-RGB-Vergleich

Schritte zur Umrechnung mit dem Hex-in-RGB-Tool

1. Trag deinen Hex-Code mit oder ohne führendes # in das Eingabefeld ein.
2. Löse bei Bedarf das Sicherheits-Captcha und klick auf den Umwandlungs-Button.
3. Lies die ermittelten Kanalwerte für Rot, Grün und Blau im Bereich 0–255 ab.
4. Übertrage die separaten Zahlenwerte direkt in dein Stylesheet oder dein Grafikprogramm.

Dreistellige Kurzschreibweisen im Hex-in-RGB-Format

In Webstandards wie CSS existiert eine dreistellige Kurzform wie #FFF. Dabei wird jedes Zeichen intern verdoppelt: Aus #FFF entsteht die vollständige Angabe #FFFFFF.

Diese Vereinfachung greift nur dann, wenn beide Ziffern eines Kanals identisch ausfallen. Ein reines Grün wie #0F0 lässt sich problemlos zu #00FF00 ausschreiben, während ein gemischter Farbton wie #FF5733 zwingend alle sechs Stellen benötigt.

Häufige Fragen zum Hex-in-RGB-Konverter