Farben im Web
Ein normaler Bildschirm kann für jeden Pixel die Helligkeit von rot, grün und blau regulieren. Alle 3 Grundfarben auf 100% Helligkeit ergibt einen weiss leuchtenden Pixel, alle 3 Farben auf 0% ergibt schwarz.
Im Web können wir die Farbe auf verschiedene Arten eingeben.
- Farbnamen: blue, red, tomato
- rgb mit Helligkeits-Prozenten: rgb(100%, 50%, 0%)
- rgb mit Angaben der Helligkeit als Wert von 0-255: rgb(255, 127, 0)
- Hexadezimal. Z.B. #ff8f00 Dazu unten mehr.
- hsl, (Farbton, Sättigung, Helligkeit), z.B. hsl(0, 100%, 50%)
Hexadezimal
Computerintern wird die Helligkeit mit einem Wert von 0-255 reguliert. (255 = 100% Helligkeit einer Farbe).
Um diese Werte exakt und in einer Kurzform darzustellen, wird das Hexadezimalsystem verwendet. Zu den Ziffern 0-9 werden noch 6 Ziffern hinzugefügt, als Ziffern werden die ersten 6 Buchstaben des Alphabets verwendet: A B C D E F.
Um eine Hexadezimalzahl zu kennzeichnen wird die Zahl von einem Hash angeführt.
Einige Beispiele:
0 ist #0
9 ist #9
10 ist #A
15 ist #F
16 ist #10
20 ist #14
255 ist #FF
Für hexadezimale Farbwerte werden für jede Grundfarbe zwei Ziffern geschrieben und aneinandergehängt.
#FF8800 bedeutet also eine Farbe mit 100% rot, 50% grün und 0% blau
#FFFFFF ist weiss
#000000 ist schwarz
Dazu gibt es für Farben bei denen beide Ziffern einer Grundfarbe identisch sind (00, 11, 22, ...) eine Kurzform mit nur 3 Zahlwerten:
#fff ist kurz für #ffffff ist weiss
#000 ist kurz für #000000 ist schwarz
#f80 ist kurz für #ff8800
Technische Detail
Da pro Farbe 256 Abstufungen möglich sind, ergeben sich insgesamt
, also
verschiedene Farben. (16.7 Mio)
Computerintern wird pro jede Farbe ein Byte verwendet. Ein Byte besteht aus 8 Bits, also aus 8 Einen oder Nullen, 2^8 ergibt 256 Möglichkeiten die in einem Byte gespeichert werden können.