Das Hexadezimalsystem
Beispiel
Diese Box hat #FFFFFF (Weiß) als Schriftfarbe, #898A8F als Hintergrund und #00265C als Rahmen.
Farben werden in CSS üblicherweise als hexadezimale Zahl angegeben: #898A8F
Dies ist kein Geheimcode, sondern eine Aneinanderreihung von drei zweistelligen Hexadezimalzahlen:
- die ersten beiden Stellen können 256 Rottöne darstellen: 89 = 8*16 + 9*1 = 137 Dezimal
- die nächsten beiden Stellen können 256 Grüntöne darstellen: 8A = 8*16 + 10*1 = 138 Dezimal
- die letzten beiden Stellen können 256 Blautöne darstellen: 8F = 8*16 + 15*1 = 143 Dezimal
Je nach Anteil der möglichen Teile pro Grundfarbe (0 bis 255) entsteht die Mischfarbe.
#000000 = Schwarz
#FFFFFF = Weiß
Aber warum tauchen auf einmal Buchstaben auf? Und warum kann man mit zwei Stellen 256 Farben darstellen? Die Lösung gibt das Hexadezimalsystem. Die Zahlen 89, 8A und 8F sind zweistellige Hexadezimalzahlen und nicht die uns bekannten Dezimalzahlen. Verlassen wir nun das Farbspiel und kümmern uns nur um die nackten Zahlen:
Im uns bekannten Dezimalsystem haben wir zehn Ziffern, nämlich 0, 1, 2, 3, 4, 5, 6, 7, 8 und 9. Will man eine größere Zahl schreiben, braucht man 2 Ziffern. Im Hexadezimalsystem gibt es nicht nur zehn Ziffern, sondern 16.
Das uns bekannte Dezimalsystem basiert auf der 10.
Das Hexadezimalsystem basiert auf der 16.
Im Gegensatz zum Dualen Zahlensystem, das mit zwei Ziffern auskommt (0 und 1), kommen jetzt zu den bekannten Ziffern aus dem Dezimalsystem die ersten sechs Buchstaben aus dem Alphabet dazu.
Klingt seltsam? Ist aber so. Das ganze sieht so aus:
| Hexadezimal | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | A | B | C | D | E | F |
| Dezimal | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| Hexadezimal | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 1A | 1B | 1C | 1D | 1E | 1F |
| Dezimal | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 |
Und so weiter bis Hexadezimal FF (= Dezimal 255)...
| Hexadezimal | F0 | F1 | F2 | F3 | F4 | F5 | F6 | F7 | F8 | F9 | FA | FB | FC | FD | FE | FF |
| Dezimal | 240 | 241 | 242 | 243 | 244 | 245 | 246 | 247 | 248 | 249 | 250 | 251 | 252 | 253 | 254 | 255 |
Im Dezimalsystem beginnt man nach der Neun, die Zahlen aus zwei Ziffern zusammenzusetzen. Beim Hexadezimalsystem geschieht dies erst nach dem F (= Dezimal 15):
- die dezimale Zahl 16 wird im Hexadezimalsystem mit 10 dargestellt.
- die dezimale Zahl 17 wird im Hexadezimalsystem mit 11 dargestellt.
- ...
- die dezimale Zahl 25 wird im Hexadezimalsystem mit 19 dargestellt.
- die dezimale Zahl 26 wird im Hexadezimalsystem mit 1A dargestellt.
- ...
- die dezimale Zahl 31 wird im Hexadezimalsystem mit 1F dargestellt.
- die dezimale Zahl 32 wird im Hexadezimalsystem mit 20 dargestellt.
Die Liste deutet an, dass wir bei allen Vielfachen von 16 im Hexadezimalsystem einen "Zehnerübergang" haben. Bei 16 zur Verfügung stehenden Ziffern kann man mit einer zweistelligen Zahl 16 x 16 = 256 Werte darstellen... von 0 bis 255.
Das bedeutet also, die höchste zweistellige Zahl im Hexadezimalsystem ist FF und diese hat einen Dezimalwert von 255.
Bei einer Dreierkombination an Farben ergeben sich somit 2563 = 16.777.216 Möglichkeiten.
16,7 Millionen Farben dürften auch reichen...
