Nachrichtentechnik
RGB-Code
Am Anfang war Schwarz
Vor langer Zeit haben Menschen gemerkt, dass man in der Nacht nichts sieht, wenn kein Licht da ist. Dem sagten die Menschen «Schwarz». Schwarz ist nicht nur keine Farbe, es ist «keine» Farbe. Am Tag haben die Menschen bei Regenwetter einen Regenbogen gesehen und sich gefragt, wo die Farben herkommen.
Findige Köpfe haben entdeckt, dass Regentropfen das Sonnenlicht spiegeln und auseinandernehmen. In die Farben Rot, Grün und Blau aufteilen, der Regenbogen. Wenn alle drei Farben mit Volldampf leuchten, kommt Weiss heraus.
Ein grünes Pflanzenblatt reflektiert die grüne Farbe, eine Tomate die rote, eine Zitrone die gelbe, ein Baumstamm ein Gemisch und der Schnee alle Farben, darum ist er weiss. Tschegget? Der Schnee macht das, damit er nicht so schnell schmilzt. Ein schwarzes Auto schluckt alle Farben, darum werden schwarze Autos an der Sonne wärmer als weisse. Licht ist eben elektromagnetische Energie, und die Energie muss irgendwohin, wenn das Licht von der Sonne herunterkommt. Entweder wird es reflektiert oder geschluckt, und Schlucken macht warm.
Der RGB-Code (Rot Grün Blau) stellt Farben in drei Byte (24 Bit) dar. Ein Byte Rot, ein Byte Grün und ein Byte Blau. Ein Byte hat 8 Bit, also kann eine Farbe in 28 = 256 Stärken dargestellt werden. Genau genommen wird der volle Anteil der gewünschten Farbe genommen und die beiden anderen Farben werden in jeweils gleichem Anteil hinzugemischt. Damit wird die volle Farbe heller. Alle drei Farben in allen 256 Stärken gemischt ergeben 256 × 256 × 256 = 224 = 16 777 216 Farben.
| Grundfarben | ||
|---|---|---|
| FF0000 | Rot | |
| 00FF00 | Grün | |
| 0000FF | Blau | |
| Unbunte Farben | ||
| 000000 | Schwarz | Keine Farbe. Standard für die Schriftfarbe. |
| FFFFFF | Weiss | Alle drei Farben. Standard für die Hintergrundfarbe. |
| Mischfarben mit vollen Farben |
|---|
| FFFF00 Rot und Grün gibt Gelb |
| FF00FF Rot und Blau gibt Pink |
| 00FFFF Grün und Blau gibt Cyan |
| Farben in 50%-Schritten | |||
|---|---|---|---|
| Prozent | Rot | Grün | Blau |
| 0% | 000000 | 000000 | 000000 |
| 50% | 800000 | 008000 | 000080 |
| 100% | FF0000 | 00FF00 | 0000FF |
| Die 16 Video Graphics Array (VGA) Farben | ||||
|---|---|---|---|---|
| Farbe | Code | Farbe | Code | |
| black | 000000 | grey | 808080 | |
| marron | 800000 | red | FF0000 | |
| green | 008000 | lime | 00FF00 | |
| olive | 808000 | yellow | FFFF00 | |
| navy | 000080 | blue | 0000FF | |
| purple | 800080 | fuchsia | FF00FF | |
| teal | 008080 | aqua | 00FFFF | |
| silver | C0C0C0 | white | FFFFFF | |
Alle Mischfarben mit der Stärke in 50%‑Schritten
Wenn alle drei Farben die gleiche Stärke haben, ist es eine unbunte Farbe (Grau, irgendwo zwischen Schwarz und Weiss). Wenn nur (FF und/oder 00), oder nur (80 und/oder 00) vorkommt, ist es eine Farbe aus den 16 Grundfarben des Video Graphics Array (VGA). C0C0C0 ist silver und gehört auch zu den 16 Farben.
| 000000 | 000080 | 0000FF |
| 008000 | 008080 | 0080FF |
| 00FF00 | 00FF80 | 00FFFF |
| 800000 | 800080 | 8000FF |
| 808000 | 808080 | 8080FF |
| 80FF00 | 80FF80 | 80FFFF |
| FF0000 | FF0080 | FF00FF |
| FF8000 | FF8080 | FF80FF |
| FFFF00 | FFFF80 | FFFFFF |
Farben mit der Stärke in 20%‑Schritten
Die Menschen kamen auf die Idee, die Farbstärke in 20%‑Schritten zu brauchen. Das sieht so aus:
| 0% | 000000 | 000000 | 000000 |
| 20% | 330000 | 003300 | 000033 |
| 40% | 660000 | 006600 | 000066 |
| 60% | 990000 | 009900 | 000099 |
| 80% | CC0000 | 00CC00 | 0000CC |
| 100% | FF0000 | 00FF00 | 0000FF |
Mischfarben mit der Stärke in 20%‑Schritten
Diese 216 Farben sind websicher. Websichere Farben werden mit grosser Wahrscheinlichkeit auf allen Systemen ziemlich gleich angezeigt. Heute kannst Du von den sechzehn Millionen Farben nehmen was Du möchtest. Ob es gut aussieht, musst Du selbst beurteilen.
| Rot | Grün | Blau | |||||
| 0% | 20% | 40% | 60% | 80% | 100% | ||
| 0% | 0% | 000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
| 0% | 20% | 003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
| 0% | 40% | 006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
| 0% | 60% | 009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
| 0% | 80% | 00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
| 0% | 100% | 00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
| 20% | 0% | 330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
| 20% | 20% | 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
| 20% | 40% | 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
| 20% | 60% | 339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
| 20% | 80% | 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
| 20% | 100% | 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
| 40% | 0% | 660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
| 40% | 20% | 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
| 40% | 40% | 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
| 40% | 60% | 669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
| 40% | 80% | 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
| 40% | 100% | 66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
| 60% | 0% | 990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
| 60% | 20% | 993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
| 60% | 40% | 996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
| 60% | 60% | 999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
| 60% | 80% | 99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
| 60% | 100% | 99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
| 80% | 0% | CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
| 80% | 20% | CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
| 80% | 40% | CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
| 80% | 60% | CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
| 80% | 80% | CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
| 80% | 100% | CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
| 100% | 0% | FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
| 100% | 20% | FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
| 100% | 40% | FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
| 100% | 60% | FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
| 100% | 80% | FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
| 100% | 100% | FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
Farben mit der Stärke in 1 Bit-Schritten
Das gibt, wie oben erwähnt, 16'777'216 Farben.
Als Beispiel die drei Grundfarben in den feinst möglichen Stärken.
Spiele damit, wenn Du möchtest …
Rot mit der Stärke in 1 Bit-Schritten
Grün mit der Stärke in 1 Bit-Schritten
Blau mit der Stärke in 1 Bit-Schritten
Farbnamen
Farben haben Namen. Siehe bei Unicode oder einer einschlägigen Dokumentation zu diesem Thema. Ein Farbenname ist ein menschenfreundlicher Ersatz für den Code der Farbe. Zum Beispiel wurde den RAL-Farben auch je ein Farbcode aus den obigen Tabellen zugeordnet. Zum Beispiel ist RAL 7035 Lichtgrau hexadezimal C8C8C8 und RAL 2005 Leuchtorange ist hexadezimal FF1A00. In HTML gibts zum Beispiel mediumspringgreen 00FA9A. Isch guet oder wosch no meh wüsse?
CMYK
CMYK ist der Farbraum für das Druckergewerbe. Im Prinzip sind das die obengenannten Farben im Kapitel "Mischfarben mit vollen Farben" plus Schwarz. Diesen Farbraum gibts, weil Pixel am Bildschirm anzünden nicht genau das gleiche ist wie Farbpunkte auf ein Blatt Papier malen. Besuche eine Druckerei wenn Du's genau wissen möchtest.
Sonst fahre mit den Tönen weiter …
