Wie kann man in den Bildwiedergabegeräten (Fernseher, Bildschirme, Displays) die Farben definieren, mit denen wir in unserem Alltag zu tun haben? Wie kann man in den Begriffen der Digitaltechnik beschreiben, welcher Punkt in der Abbildung rot, weiß, schwarz oder auch jeder anderen Farbe ist? Wenn wir kurz diese Fragen beantworten, so ist die Antwort: Farbensynthese und Anwendung der Farbmodelle. Die Modelle stellen die Art der Farbensynthese für Farbenwiedergabe dar. Mit anderen Worten kann man in den Farbmodellen jede Farbe kodieren. Dabei wird die gewünschte Farbe durch jeweiligen Code bestimmt.
Populäre Farbmodelle: RGB, CMYK, HSL, HSV (oder HSB), XYZ, Yxy. Es gibt aber auch andere. Unser Ziel ist es, die Informationen über Farbcodes für Web zu geben, deshalb sprechen wir hier über hex-Codes und Codes des RGB-Modells. Gehen Sie in den Seitenbereich über, der Sie interessiert.
Farben für Elemente auf den Webseiten kann man auf vier Weisen beschreiben.
.text { color: #FF0000; }
.bg { background: #A52A2A; }
.text { color: red; }
.bg { background: brown; }
.text { color: rgb(255,0,0,0.7); }
.bg { background: rgb(165,42,42); }
.text { color: hsla(120, 100%, 50%, 0.5); }
.bg { background: hsl(0, 100%, 50%); }
Der Modellname ist eine Abkürzung, die für englische Farbnamen Red + Green + Blue steht. RGB ist ein Farbmodell, das aus drei Kanälen besteht: rot + grün + blau. Jeder dieser drei Kanäle ist ein Wertbereich von 0 bis 255. Somit wird jede Farbe durch drei Wertbereiche definiert. Das Modell beschreibt jede Farbe durch Mischen der drei Grundfarben in verschiedenen Anteilen.
Beispiele der Farbcodierung im RGB-Modell: 255.0.0 — rot, 255.255.0 — gelb, 165.42.42 — braun.
Es ist auch interessant: wie viele Farben gibt es insgesamt? Da jeder Wertbereich 256 Kombinationen hat und es drei diese Wertbereiche gibt, ist die Gesamtanzahl der Farben 2563 = 16 777 216. Jede Farbe im Farbmodell wird durch einen einzigartigen Code definiert.
Das Modell findet in vielen Bereichen der Technik seine Anwendung.
Volle Größe (4096×4096 Pixel).