RGB-Werte in einen HEX-Code umwandeln

Teilen Sie jeden Kanal durch 16. Der Quotient ist das erste Zeichen des Paares, der Rest das zweite, und die Zahlen 10 bis 15 schreibt man als Buchstaben A bis F. Kanal 59 ergibt 3 und einen Rest von 11, also das Paar 3B.

Formel: Jeden Kanal schreiben Sie als zwei hexadezimale Zeichen und fügen die Paare in der Reihenfolge Rot, Grün, Blau zusammen.

Nach derselben Rechnung wird aus 130 der Wert 82 und aus 246 der Wert F6, sodass rgb(59, 130, 246) als #3B82F6 geschrieben wird. Ein Kanal unter 16 erhält eine führende Null, damit das Paar immer zwei Zeichen hat; der Wert 10 lautet deshalb 0A.

Grautöne haben auf allen drei Kanälen denselben Wert, ihre Codes bestehen also aus drei gleichen Paaren: 51 ergibt #333333 und 204 ergibt #CCCCCC. Einen solchen Code kürzen Sie auf drei Zeichen, und der Browser setzt ihn wieder zusammen.

In die andere Richtung beruht die Rechnung auf derselben Zahl, nur multiplizieren Sie jedes Paar mit 16 und addieren das zweite Zeichen. Die ganze Umrechnung übernimmt der Umrechner HEX in RGB.

RGB beschreibt eine Farbe mit drei Zahlen, je einer für den roten, den grünen und den blauen Kanal. Jede liegt zwischen 0 und 255, denn so viele Helligkeitsstufen hat ein einzelner Kanal in der üblichen 24-Bit-Farbtiefe. Drei Kanäle mit je 256 Stufen ergeben zusammen 16.777.216 Farben[1].

Die hexadezimale Schreibweise gibt dieselben drei Zahlen in einem anderen Zahlensystem an. Ein Kanal hat 256 Stufen, und genau so viele fassen zwei hexadezimale Zeichen, deshalb belegt jeder Kanal im Code genau zwei Stellen. Die ganze Farbe kommt so mit sechs Zeichen aus, ohne Kommas und ohne Klammern.

Diese Kürze entscheidet darüber, wo Ihnen welche Schreibweise begegnet. HEX-Codes stehen in Stylesheets, in den Farbfeldern von Figma und in Markenhandbüchern. RGB-Werte erscheinen im Reiter Computed im Browser, in den Farbwählern von Grafikprogrammen und überall dort, wo mit der Farbe gerechnet wird.

Die Spezifikation CSS Color Level 4 erlaubt vier Codelängen: drei, vier, sechs und acht Zeichen[2]. Die dreistellige Fassung funktioniert dort, wo beide Zeichen eines Paares gleich sind, denn der Browser verdoppelt sie. Die vier- und die achtstellige Fassung ergänzen am Ende die Deckkraft.

Beide Formen beschreiben die Farbe im selben sRGB-Farbraum, den das W3C für HTML und CSS übernommen hat[1]. Ein Kanal als 255 und derselbe Kanal als FF sind genau derselbe Farbton.

Schreiben Sie die Kanäle in die Zellen A1, B1 und C1 und tragen Sie in einer vierten Zelle die Formel ="#"&DEZINHEX(A1;2)&DEZINHEX(B1;2)&DEZINHEX(C1;2) ein. Für die Werte 59, 130 und 246 gibt sie #3B82F6 zurück.

Die 2 in jedem Aufruf ist das Argument Stellen, das das Ergebnis vorn mit Nullen auffüllt[3]. Ein Farbcode braucht genau zwei Zeichen je Kanal, und ein Kanal mit dem Wert 10 ergäbe ohne dieses Argument ein einzelnes A.

Kopieren Sie die Zelle nach unten, dann rechnet die Tabelle eine ganze Spalte um. In der englischen Programmfassung heißt die Funktion DEC2HEX, und die Argumente trennt ein Komma.