Additive Farbmischung (RGB-Farbsystem)

12. Exkurs: RGB-Farbsystem

Der Bildschirm eines Computers verwendet das RGB-Farbsystem. Die Farben werden dabei durch additive Überlagerung der Grundfarben Rot, Grün und Blau in verschiedenen Anteilen dargestellt.

Das Farbmodell lässt sich durch einen Würfel veranschaulichen:

jede Farbe innerhalb des Würfels ist durch die entsprechenden Anteile der drei Primärfarben definiert.

Mit 8 Binärziffern (bits) lassen sich alle Zahlen von 0 bis 255 darstellen. Es gibt dann 256 Möglichkeiten für die Größe eines jeden Farbanteils. Mit 3*8 bit = 24 bit (24 bit Farbtiefe) sind also 256*256*256 = 16.777.216 verschiedene Farben möglich.

Die Angabe der Farbanteile erfolgt in HTML und JavaScript durch drei Hexadezimalzahlen in der Form:

#RRGGBB

RR ist die zweistellige Hexadezimalzahl für den Rot-Anteil, GG für den Grün- und BB für den Blauanteil.

Aufgabe:

Schreibe eine HTML-Seite "farben.html". Sie enthält ein Formular (FORM) mit drei Eingabefeldern (INPUT TYPE=text) und mit einem Knopf (INPUT TYPE=button):

<HTML>
<HEAD>
<TITLE>Additive Farbmischung</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<P><FORM NAME=myform>
<CENTER>
red <INPUT TYPE=text NAME=red VALUE="FF" SIZE=5>
<P>green <INPUT TYPE=text NAME=green VALUE="FF" SIZE=5></P>
<P>blue <INPUT TYPE=text NAME=blue VALUE="FF" SIZE=5></P>
<P><INPUT TYPE=button VALUE="zeigen" onClick="r=myform.red.value;g=myform.green.value;b=myform.blue.value;window.document.bgColor='#'+r+g+b"></P>
</CENTER>
</FORM></P>
</BODY>
</HTML>

Additive Farbmischung interaktiv (mit JavaScript)

[Startseite Einführungskurs HTML]