RGB Farbnummern

Farben programmieren

  Farb-Codes in CSS und anderen Programmiersprachen werden mit den Rot-, Grün- und Blau-Anteilen definiert.
Etwas verwirrend ist dabei die Tatsache, dass es dafür verschiedene Schreibweisen gibt.

Hexadezimale* Schreibweise

#XXXXXX

Hier wird immer das "#" Zeichen vorangestellt. Die kleinste Hexidezimal*-Zahl ist 00, die grösste Zahl ist FF.

rgb()-Schreibweise

rgb(XXX, XXX, XXX)

Die kleinste Dezimal-Zahl ist 0, die grösste Zahl ist 255.


CSS Beispiele

Das Ergebnis ist jeweils dasselbe:

/* Gelbe Hintergrundfarbe */
background-color: #FFCC00;
background-color: rgb(255,204,0);
/* Rote Textfarbe */
color: #FF0000;
color: rgb(255,0,0);

Umrechnungs-Tabelle

Dezimal Hexadezimal*
0 00
1 01
2 02
3 03
4 04
5 05
6 06
7 07
8 08
9 09
10 0A
11 0B
12 0C
13 0D
14 0E
15 0F
16 10
17 11
18 12
19 13
20 14
21 15
22 16
23 17
24 18
25 19
26 1A
27 1B
28 1C
29 1D
30 1E
31 1F
32 20
...
255 FF

* Im Hexadezimalsystem gibt es 16 Ziffern, also mehr als im "menschlichen" Dezimalsystem:
0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F
A - F sind nur scheinbar Buchstaben, sie werden hier als Ziffern mangels fehlender Zeichen eingesetzt.
Manchmal bezeichnet man in der Mathematik dieses Zahlensystem auch als 16er-Zahlensystem.