Hexadezimalfarben

Hexadezimalfarben (kurz Hexfarben) sind RGB-Farben in einer anderen Schreibweise. Sie sind die häufigste Art, Farben im Web zu schreiben, und Grafikprogramme bieten sie ebenfalls an, du wirst ihnen also überall begegnen.

Eine Hexfarbe beginnt mit #, gefolgt von drei Zeichenpaaren: Das erste Paar ist Rot, das zweite Grün und das dritte Blau:

h1 {
	color: #ff0000;
}

Jedes Paar ist eine Zahl im Hexadezimalsystem. Das Dezimalsystem, das wir täglich benutzen, hat zehn Ziffern (0 bis 9). Das Hexadezimalsystem hat sechzehn: 0 bis 9 und dann die Buchstaben a bis f, wobei a = 10, b = 11 und so weiter bis f = 15. In einer zweistelligen Hexadezimalzahl zählt die erste Ziffer die Sechzehner: ff = 15 × 16 + 15 = 255 und 80 = 8 × 16 + 0 = 128. Zwei Hexadezimalziffern decken also genau den Bereich von 0 bis 255 ab, genau wie eine Zahl in RGB.

Deshalb ist #ff0000 dieselbe Farbe wie rgb(255, 0, 0): Rot. Schwarz ist #000000 und Weiß ist #ffffff. Ob du die Buchstaben groß oder klein schreibst, spielt keine Rolle.

Sind beide Zeichen jedes Paars gleich, gibt es eine Kurzform mit drei Zeichen: #fff bedeutet #ffffff und #f00 bedeutet #ff0000.

Jetzt färben wir den ganzen Text der Seite. Wir brauchen nicht eine Regel für Absätze und eine andere für Listeneinträge: color wird vererbt, es genügt also, es für body festzulegen. Jedes Element darin bekommt die Farbe, solange es keine eigene hat. Unsere h2-Überschriften und die Hauptüberschrift haben eigene Farben und behalten sie.