RGB-Farben

Benannte Farben sind praktisch, aber green ist ein ziemlich kräftiges, leuchtendes Grün. Für ruhigere Überschriften brauchen wir einen Farbton, der keinen Namen hat. Dafür sind RGB-Farben da.

Ein Bildschirm erzeugt jede Farbe, indem er rotes, grünes und blaues Licht mischt: Jeder seiner Punkte (Pixel) besteht aus drei noch winzigeren Lichtern in diesen Farben. RGB steht für Rot, Grün und Blau (englisch red, green, blue). Eine RGB-Farbe sagt, wie hell jedes der drei Lichter leuchtet, auf einer Skala von 0 (aus) bis 255 (volle Helligkeit):

h1 {
	color: rgb(255, 0, 0);
}

rgb() ist eine Funktion: ein Name, gefolgt von Werten in runden Klammern, durch Kommas getrennt. Hier leuchtet Rot mit voller Helligkeit, Grün und Blau sind aus, also ist die Überschrift rot. Noch ein paar Beispiele:

• rgb(255, 255, 0) ist gelb: Rotes und grünes Licht zusammen ergeben Gelb,
• rgb(0, 0, 0) ist Schwarz: Alle Lichter sind aus,
• rgb(255, 255, 255) ist Weiß: Alle Lichter leuchten mit voller Helligkeit,
• rgb(128, 128, 128) ist grau: Sind alle drei Zahlen gleich, ergibt das ein Grau, und je höher die Zahlen, desto heller ist es.

Jede der drei Zahlen kann 256 Werte haben (0 bis 255), das ergibt 256 × 256 × 256, mehr als 16 Millionen Farben.

Du musst die Zahlen nicht raten: Grafikprogramme und Farbwähler im Internet (suche nach „Color Picker“) zeigen dir die RGB-Werte jeder Farbe, die du auswählst.