Ergänzende Materialien zu den VHS Seminaren

Basis-Web-Farbpalette mit 216 sicheren Farben

Die Web-Farbpalette wurde Mitte der 90-iger Jahre entwickelt. Bei ihrer Erstellung war sie unerlässlich, da Grafikkarten mit 8-bit Farbtiefe zur damaligen Zeit Standard waren. Durch die technische Entwicklung sind die Web-Farben heute nur noch von geringer Bedeutung.

Die Farben werden durch die Angabe ihrer RGB-Werte bestimmt.
Nach dem RGB-Farbmodell werden alle Farben aus den 3 Grundfarben Rot, Grün und Blau gemischt. Jede dieser 3 Grundfarben besitzt 256 Helligkeitswerte. Jede Farbe kann somit einen Wert zwischen 0 und 255 annehmen.
Für die Farbe Rot ergibt sich folgende Angabe: rgb(255,0,0)
Für die Farbe Grün ergibt sich folgende Angabe: rgb(0,255,0)
Für die Farbe Blau ergibt sich folgende Angabe: rgb(0,0,255)

In HTML verwenden wir nicht die RGB-Angabe sondern den hexadezialen Farbwert.
Dieser wird in 3 Gruppen mit 2 hexadezimalen Zeichen angegeben. Die Gruppen werden durch eine # eingeleitet und stehen wieder für die Farbwerte Rot, Grün und Blau.
Für die Farbe Rot ergibt sich folgende Angabe: #FF0000
Für die Farbe Grün ergibt sich folgende Angabe: #00FF00
Für die Farbe Blau ergibt sich folgende Angabe: #0000FF


In CSS gibt es die Möglichkeit, die hexadezimalen Werte zu verkürzen. Bestehen alle 3 Gruppen aus gleichen Buchstaben oder Zahlen, so können diese zusammengefaßt werden: aus #FF0000 wird #F00, aus #00FF00 wird #0F0 usw.

#000 #003 #006 #009 #00C #00F
#030 #033 #036 #039 #03C #03F
#300 #303 #306 #309 #30C #30F
#330 #333 #336 #339 #33C #33F
#600 #603 #606 #609 #60C #60F
#630 #633 #636 #639 #63C #63F
#900 #903 #906 #909 #90C #90F
#930 #933 #936 #939 #93C #93F
#C00 #C03 #C06 #C09 #C0C #C0F
#C30 #C33 #C36 #C39 #C3C #C3F
#F00 #F03 #F06 #F09 #F0C #F0F
#F30 #F33 #F36 #F39 #F3C #F3F
#060 #063 #066 #069 #06C #06F
#090 #093 #096 #099 #09C #09F
#360 #363 #366 #369 #36C #36F
#390 #393 #396 #399 #39C #39F
#660 #663 #666 #669 #66C #66F
#690 #693 #696 #699 #69C #69F
#960 #963 #966 #969 #96C #96F
#990 #993 #996 #999 #99C #99F
#C60 #C63 #C66 #C69 #C6C #C6F
#C90 #C93 #C96 #C99 #C9C #C9F
#F60 #F63 #F66 #F69 #F6C #F6F
#F90 #F93 #F96 #F99 #F9C #F9F
#0C0 #0C3 #0C6 #0C9 #0CC #0CF
#0F0 #0F3 #0F6 #0F9 #0FC #0FF
#3C0 #3C3 #3C6 #3C9 #3CC #3CF
#3F0 #3F3 #3F6 #3F9 #3FC #3FF
#6C0 #6C3 #6C6 #6C9 #6CC #6CF
#6F0 #6F3 #6F6 #6F9 #6FC #6FF
#9C0 #9C3 #9C6 #9C9 #9CC #9CF
#9F0 #9F3 #9F6 #9F9 #9FC #9FF
#CC0 #CC3 #CC6 #CC9 #CCC #CCF
#CF0 #CF3 #CF6 #CF9 #CFC #CFF
#FC0 #FC3 #FC6 #FC9 #FCC #FCF
#FF0 #FF3 #FF6 #FF9 #FFC #FFF