RGB ist das additive Farbmodell der Bildschirme: Jede Farbe entsteht aus Licht in Rot, Grün und Blau, und alle drei zusammen ergeben Weiß. Im Web wird jeder Kanal meist in 256 Stufen von 0 bis 255 beschrieben, etwa als Hexwert wie #0078ff. Welche Farben dabei genau gemeint sind, legt der Farbraum sRGB fest, der Standard für Websites.
- RGB (Rot, Grün, Blau)
Ein additives Farbmodell, das Farben aus rotem, grünem und blauem Licht mischt.
Beispiel: „Die Markenfarbe hat im RGB-Modell die Werte 0, 120 und 255.“Abgrenzung zu CMYK: Der Druck mischt subtraktiv mit Farben, die Licht schlucken. Am Bildschirm entsteht Farbe durch Licht, das hinzukommt.
Wie das RGB-Modell Farben mischt
Additiv: Rotes und grünes Licht ergeben Gelb, alle drei voll ergeben Weiß, keines Schwarz. Mit 256 Stufen je Kanal sind 256 mal 256 mal 256 Kombinationen möglich, rund 16,7 Millionen Farben. Als Hexwert schreibt CSS jeden Kanal mit zwei Zeichen von 00 bis ff.
RGB und sRGB
Zahlenwerte allein sagen noch nicht, welches Rot gemeint ist. Das legt ein Farbraum fest, im Web sRGB, den Hewlett-Packard und Microsoft 1996 vorgeschlagen haben und der seit 1999 als IEC 61966-2-1 genormt ist. Hexwerte und rgb() beziehen sich in CSS immer darauf.
.marke {
color: #0078ff;
/* gleichbedeutend */
color: rgb(0 120 255);
}RGB jenseits von sRGB: Display P3
Viele aktuelle Displays zeigen mehr Farben, als sRGB beschreiben kann. Für sie gibt es in CSS den Farbraum Display P3, angesprochen über color(display-p3 …). Ältere Bildschirme stellen solche Farben so nah wie möglich dar.