Farbcodes

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.

HTML-Farben

Farben für Elemente auf den Webseiten kann man auf vier Weisen beschreiben.

  1. 1. Mit drei zweistelligen Hexadezimalzahlen (als hex-Codes bekannt): #FF0000 (rot), #A52A2A (braun).
    .text { color: #FF0000; }
    .bg { background: #A52A2A; }
  2. Mit englischen Farbennamen: green, blue, orange und andere.
    .text { color: red; }
    .bg { background: brown; }

    Alle populären Farben haben ihre Namen.
  3. Mit dem RGB-Modell in der Form rgb(ххх,ххх,ххх) oder rgba(ххх,ххх,ххх,А). Jede Gruppe ххх ist eine Farbkomponente, die im Wertbereich von 0 bis 255 liegt. Gruppe А ist ein Alphakanal, der den Transparenzgrad des Elements auf einer Webseite definiert, hat einen Wert von 0 bis 1.
    .text { color: rgb(255,0,0,0.7); }
    .bg { background: rgb(165,42,42); }

    Bemerkung: rgba ist in CSS3 eingeführt.
  4. Mit dem HSL-Modell, das in CSS3 eingeführt ist. Die Farben werden in der Form hsl(xxx,xxx,xxx) oder in der Form mit Alphakanal hsla(xxx,xxx,xxx,A) angezeigt.
    .text { color: hsla(120, 100%, 50%, 0.5); }
    .bg { background: hsl(0, 100%, 50%); }

RGB

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.

All colors image
Bild mit allen
16 777 216 Farben

Volle Größe (4096×4096 Pixel).