 RGB-Farbangaben
RGB - dieser Begriff begegnet ihnen überall. Die Zusammenhänge erläutere ich hier nach dem Schema: "Wie erkläre ich es meinem Kind". Eine vereinfachte Erklärung für die Angaben im Rot-Grün-Blau-System
|
|
Das RGB-Farbschema
Sie schauen gerade auf Ihren Monitor. Um das Bild dieser Webseite anzuzeigen, wurden unzählige kleine, bunte Bildpunkte geordnet, die gemeinsam eine meiner HTML-Seiten zeigen. All diese Punkte, die neben- und untereinander angezeigt werden, wurden aus den Farben Rot, Grün und Blau generiert.
Auf einem Röhrenbildschirm kann man die einzelnen Pünktchen gut erkennen, wenn man ganz nahe heran geht. |
|
Ihr Monitor (zumindest ist das beim Röhrenbildschirm so) richtet 3 Lichtstrahlen auf jedes Pixel-Pünktchen des Bildschirms. Rechts sehen Sie ein Schema, wo die 3 Lichtstrahlen nicht wirklich auf einen Fleck leuchten. Das müsste man eigentlich nachjustieren. Für meine Erklärungen trifft sich das aber prima.
Lichtquellenfarben sind:
|
|
Wie Sie es Ihrem Kind erklären:
Stell dir vor, du leuchtest mit einer Taschenlampe mit rotem Glas auf einen weißen Fleck, dann ist dieser Fleck rot ausgeleuchtet.
Stell dir vor, du leuchtest mit einer Taschenlampe mit blauem Glas auf einen weißen Fleck, dann ist dieser Fleck blau ausgeleuchtet.
Stell dir vor, du leuchtest mit beiden Taschenlampen auf diesen Fleck, dann ist dieser Fleck heller ausgeleuchtet, als würde nur eine Lampe benutzt. Heller als nur rot, heller als nur blau. Welche Farbe dabei herauskommt wissen wir noch nicht, aber sie ist heller.
Nehmen wir die 3. Taschenlampe (mit grünem Glas) dazu, wird es noch heller. Ganz hell. Vorausgesetzt heller ginge es nicht wird der Fleck weiß.
Farben mischen auf dem Bildschirm
Hier beim Bildschirm ist das also anders als mit den Farben des Malkastens. Es liegen keine Farbteilchen nebeneinander sondern 'Helligkeiten übereinander' (einfach ausgedrückt).
Wenn uns eine winzige Taschenlampe mit rotem Licht in's Auge leuchtet und dazu noch eine mit blauem Licht eingeschaltet wird, empfindet unser Auge das als heller. Es kann also kein dunkles Violett dabei herauskommen. Auch dass wollen wir hier einmal ausprobieren.
Welche Taschenlampe ist eingeschaltet?
|
|
(anklicken)
nur Rot
nur Grün
nur Blau
Rot + Grün
Rot + Blau
Blau + Grün
Alle
keine
Da wo sich alle Helligkeiten addierten, müsste es sehr hell gewesen sein, oder?
Wie ich schon sagte, ist es für die Erklärung ganz günstig, dass die Taschenlampen nicht wirklich auf einen Punkt leuchten.
|
  Diese simple Erklärung als PDF-Datei (140 kB)
Farben mischen mit dem Malkasten (als Vergleich)
Die Farben auf dem Bildschirm vermischen sich nicht wie beim Malen mit Wasserfarben. Wenn man da Rot und Blau mischt, liegt ja ein rotes Farbteilchen (Pigment) neben einem blauen Farbteilchen und wenn die ganz winzig sind sehen wir nicht mehr rote und blaue Fabteilchchen sondern empfinden das wie eine einzige Farbe: Violett.
Das kann man hier einmal ausprobieren. Rechts sieht man die gemischte Wasserfarbe wie unter einem Mikroskop in der Vergrößerung, Stufe 5.
(anklicken)
Mikroskop einstellen: Stufe 5 Stufe 4 Stufe 3 Stufe 2 Stufe 1
|
|
Jede Menge Farben
Da Sie nun hoffentlich überzeugt sind, dass sich die Helligkeit addiert machen wir den nächsten Schritt.
Nun stellen Sie sich vor, das man auch noch die Helligkeit jeder einzelnen der 3 Lichtquellen verändern kann. Die Lichtquelle kann stufenweise zwischen 'aus' und 'maximal hell' eingestellt werden. Mit ganz dunkel (ausgeschaltet) und Helligkeitsstufe 255 (ganz hell) ergeben sich so 256 verschiedene Stufen.
So lassen sich aus den 3 Farben viele andere Farben für jeden einzelnen Punkt des Monitors generieren. Wenn Ihre Grafikkarte das hergibt, können Sie bei 256 Abstufungen je Farbe (RGB) also 256 x 256 x 256 Farbmöglichkeiten anzeigen lassen und mehr als 16,7 Millonen Farben erzeugen.
Ganz nebenher:
Um jedes Pünktchen auf dem Monitor 'auszuleuchten', macht er das 1024 mal je Zeile, und das 768 mal untereinander (bei einer Auflösung von 1024 x 768).
Also bei 1024 Punkten für die Breite und 768 für die Höhe gibt es 786432 Bildpunkte auf Ihrem Schirm. Bei einer Bildwiederholfrequenz von 80 / Sek sind das 62914560 Informationen, die die Grafikkarte je Sekunde errechnen muss.
Und jede Information hat eine von 16,7 Millionen möglichen Farben
|
HTML-Farbwerte
Die Helligkeitswerte für die 3 Farben stehen als Anweisung in unserem HTML-Dokument. Die Zahlenwerte beginnen bei 0 und sind maximal 255. Die Werte von 0 bis 255 bestimmen die jeweilige Helligkeit der 3 Farben.
Beispiel 1
255|255|255 wäre also der Farbwert für Weiß
In der Regel werden die Werte aber nicht in dezimaler Schreibweise notiert sondern in hexadezimaler Schreibweise eingetragen.
FF|FF|FF wäre also der Farbwert für Weiß
Beispiel 2
rot aus|grün aus|blau max wäre die Einstellung für Blau
00|00|FF wäre also der Farbwert für Blau
Kurzer Abstecher zum HTML-Farbwert ...
Wird im HTML-Code ein Farbwert in hexadezimaler Schreibweise eingetragen, muss vor den 6 Zeichen ein '#' (Gatter) notiert werden. Die Anweisung für einen blau dargestellten Text enthält dann diese Wertangaben aus insgesamt 7 Zeichen:
<font color="#0000FF"> Text </font>
<span style="color:#0000FF"> Text </span>
Zusammenfassung
- Maximale Lichtstärke für alle 3 Farben auf einem Punkt ergibt Weiß
- Kein "Licht" für alle 3 Farben auf einem Punkt ergibt Schwarz
 große Zahl = viel Licht
kleine Zahl = wenig Licht
3 maximale Lichtwerte = Weiß
3 minimale Lichtwerte = Schwarz
Querverweise:
 Farben - Notation von Farbwerten in HTML und CSS
Farben - Hexadezimal
Farben - Farbabstufungen
Gemogelt (Abschlussbemerkung)
Nun ganz ehrlich, unser Auge wird betrogen. Schauen Sie doch beim (Röhren)Farbfernseher einmal genauer hin. Die 3 Farben liegen nicht wirklich auf einem Punkt sondern nur sehr nahe beieinander. Aus der Distanz bemerken wir das nicht einmal.
Übrigens gibt's da verschiedene Systeme. Pal, NTSC, SECAM . Mal sind das Punkte, mal Stäbchen und die Anzahl der Zeilen und Spalten unterscheiden sich auch.
Die Bemerkung oben gilt für Röhrenbildschirme. Für den LCD- oder Plasma-Schirm müsste ich das anders erklären!
|
Home • Farben • RGB-Farbsystem){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}
){kind=link}