Jede Farbe kann eindeutig bestimmt werden durch einen RGB Code(Rot, Grün und Blau). Diese 3 Farbwerte sind ganze Zahlen zwischen 0 und 255. (255,0,0) wäre zum Beispiel Rot und (0,0,128) ein dunkles Blau. (0,0,0) ist schwarz und (255,255,255) weiß. Jede RGB Farbe kann auch durch nur eine Zahl dargestellt werden. Die Formel f für einen RGB-Code lautet f(r,g,b) = r*(16*16)^2 + g*16*16 + b. Diese Zahl lässt sich hervorragend durch einen Hexadecimal-Code mit genau 6 Zeichen darstellen. Unser Dezimalsystem kennt 10 Ziffern (0-9), das Binärsystem 2 Ziffern (0,1) und das Hexadezimalsystem 16 Ziffern (0-9 und a,b,c,d,e,f). Der RGB-Code als Zahl im Hexadezimalsystem ist f(r,g,b) = #rrggbb. Um einen Hexadecimalcode erkennbar zumachen, schreibt man eine # vor dem Code.

Probieren Sie diesen Generator aus, indem Sie entweder einen gültigen Hexcode eingeben (z.B. #1256FA) oder 3 RGB-Werte zwischen 0 und 255. Die entsprechende Farbe wird in der unteren rechten Ecke visualisiert. Alternativ können Sie auch mit Ihrer Maus über eine Farbe wandern und die entsprechende Hex- und RGB-Darstellung wird angezeigt.

Das Hexadezimalsystem kennt die Zeichen von 0 bis F (1,2,3,4…,8,9,A,B,C,D,E,F). Vergleichbar mit unseren Dezimalsystem von 0 bis 9. Jede 24bit Farbe wird durch 6 Hexadezimal Ziffern dargestellt. 2 Ziffern für Rot, Grün und Blau (#RRGGBB). Die Umrechnung von einem Hexcode #XY ins Dezimalsystem geht wie folgt: Die Werte reichen von 00 (also 0) bis FF (also 255) und die Formel lautet f(X,Y) = X * 16 + Y. Für einen beliebig langen Hexcode wäre folglich die Umrechnung f(ABCDE…XYZ) = Z*16^0 + Y*16^1 + X*16^2 ….

f(D,8) = 14 * 16 + 8 = 224 + 8 = 232
f(1,1) = 1 * 16 + 1 = 16 + 1 = 17
f(0,F) = 0 * 16 + 15 = 0 + 15 = 17

Sei X eine Zahl in der Basis 10 und Y eine Zahl in der Basis 16.

Solange X größer als 15 ist, teile X durch 16 und addiere den Rest als Ziffer zu Y. Addiere X als letzte Ziffer zu Y.

X = 16; 
X / 16 = 1, Rest = 0, d.h. Y = 0, da der Rest der Division 0 ist. 
X ist kleiner als 16, also ist Y = 10

X = 275; 
X / 16 = 17, Rest = 3, also Y = 3
X / 16 = 1, Rest = 1, also Y = 13
X kleiner als 16, also ist Y = 113

X = 254; 
X / 16 = 15, Rest = 14, also Y = E
X kleiner als 16, also ist Y = FE

In Programmiersprachen ist es üblich für die Einzelfarbwerte nicht ganze Zahlen von 0 bis 255 zu nehmen, sondern alle Zahlen zwischen 0 und 1.