Zum Seiteninhalt springen, die Navigation überspringen

Pisica-Webdesign: Unsere Startseite aufrufen

Pisica-Webdesign: Webprogrammierung, Softwareentwicklung
und Amateurfunk im Raum Nürnberg - Schwabach - Wendelstein

 
Webseitensuche
Die 216er Farbpalette (Websafe Colorpalette)

..:: Die 216er Palette der websicheren Farben (Websafe Colorpalette) ::..

Als die Palette der websicheren Farben entwickelt wurde, konnten Computer oft nur 256 verschiedene Farben anzeigen. Es wurde eine Palette von Farben benötigt, die nicht von der Grafik durch Dithering angenähert werden musste. Betriebssysteme belegen für ihren eigenen Gebrauch etwa 16 bis 20 Farben, die nicht benutzt werden können, es bleiben also zirka 236 frei wählbare Farben. Eine weitere Überlegung war, für jede Grundfarbe (Rot, Grün, und Blau) sechs verschiedene Farbtöne anbieten zu können, also 6*6*6 = 216 Farben. Die Palette wurde zuerst durch Lynda Weinman vorgeschlagen. Standardmäßig umgesetzt wurde sie zuerst von Netscape, wobei die restlichen 40 von 256 Farben frei definierbar waren. Die websicheren Farben haben keine Namen und werden nur durch die Angaben ihrer RGB-Werte im RGB-Farbraum festgelegt.
 
HTML:#000000
 RGB:0,0,0		HTML:#000033
 RGB:0,0,51		HTML:#000066
 RGB:0,0,102		HTML:#000099
 RGB:0,0,153		HTML:#0000CC
 RGB:0,0,204		HTML:#0000FF
 RGB:0,0,255
HTML:#003300
 RGB:0,51,0		HTML:#003333
 RGB:0,51,51		HTML:#003366
 RGB:0,51,102		HTML:#003399
 RGB:0,51,153		HTML:#0033CC
 RGB:0,51,204		HTML:#0033FF
 RGB:0,51,255
HTML:#006600
 RGB:0,102,0		HTML:#006633
 RGB:0,102,51		HTML:#006666
 RGB:0,102,102		HTML:#006699
 RGB:0,102,153		HTML:#0066CC
 RGB:0,102,204		HTML:#0066FF
 RGB:0,102,255
HTML:#009900
 RGB:0,153,0		HTML:#009933
 RGB:0,153,51		HTML:#009966
 RGB:0,153,102		HTML:#009999
 RGB:0,153,153		HTML:#0099CC
 RGB:0,153,204		HTML:#0099FF
 RGB:0,153,255
HTML:#00CC00
 RGB:0,204,0		HTML:#00CC33
 RGB:0,204,51		HTML:#00CC66
 RGB:0,204,102		HTML:#00CC99
 RGB:0,204,153		HTML:#00CCCC
 RGB:0,204,204		HTML:#00CCFF
 RGB:0,204,255
HTML:#00FF00
 RGB:0,255,0		HTML:#00FF33
 RGB:0,255,51		HTML:#00FF66
 RGB:0,255,102		HTML:#00FF99
 RGB:0,255,153		HTML:#00FFCC
 RGB:0,255,204		HTML:#00FFFF
 RGB:0,255,255
HTML:#330000
 RGB:51,0,0		HTML:#330033
 RGB:51,0,51		HTML:#330066
 RGB:51,0,102		HTML:#330099
 RGB:51,0,153		HTML:#3300CC
 RGB:51,0,204		HTML:#3300FF
 RGB:51,0,255
HTML:#333300
 RGB:51,51,0		HTML:#333333
 RGB:51,51,51		HTML:#333366
 RGB:51,51,102		HTML:#333399
 RGB:51,51,153		HTML:#3333CC
 RGB:51,51,204		HTML:#3333FF
 RGB:51,51,255
HTML:#336600
 RGB:51,102,0		HTML:#336633
 RGB:51,102,51		HTML:#336666
 RGB:51,102,102		HTML:#336699
 RGB:51,102,153		HTML:#3366CC
 RGB:51,102,204		HTML:#3366FF
 RGB:51,102,255
HTML:#339900
 RGB:51,153,0		HTML:#339933
 RGB:51,153,51		HTML:#339966
 RGB:51,153,102		HTML:#339999
 RGB:51,153,153		HTML:#3399CC
 RGB:51,153,204		HTML:#3399FF
 RGB:51,153,255
HTML:#33CC00
 RGB:51,204,0		HTML:#33CC33
 RGB:51,204,51		HTML:#33CC66
 RGB:51,204,102		HTML:#33CC99
 RGB:51,204,153		HTML:#33CCCC
 RGB:51,204,204		HTML:#33CCFF
 RGB:51,204,255
HTML:#33FF00
 RGB:51,255,0		HTML:#33FF33
 RGB:51,255,51		HTML:#33FF66
 RGB:51,255,102		HTML:#33FF99
 RGB:51,255,153		HTML:#33FFCC
 RGB:51,255,204		HTML:#33FFFF
 RGB:51,255,255
HTML:#660000
 RGB:102,0,0		HTML:#660033
 RGB:102,0,51		HTML:#660066
 RGB:102,0,102		HTML:#660099
 RGB:102,0,153		HTML:#6600CC
 RGB:102,0,204		HTML:#6600FF
 RGB:102,0,255
HTML:#663300
 RGB:102,51,0		HTML:#663333
 RGB:102,51,51		HTML:#663366
 RGB:102,51,102		HTML:#663399
 RGB:102,51,153		HTML:#6633CC
 RGB:102,51,204		HTML:#6633FF
 RGB:102,51,255
HTML:#666600
 RGB:102,102,0		HTML:#666633
 RGB:102,102,51		HTML:#666666
 RGB:102,102,102		HTML:#666699
 RGB:102,102,153		HTML:#6666CC
 RGB:102,102,204		HTML:#6666FF
 RGB:102,102,255
HTML:#669900
 RGB:102,153,0		HTML:#669933
 RGB:102,153,51		HTML:#669966
 RGB:102,153,102		HTML:#669999
 RGB:102,153,153		HTML:#6699CC
 RGB:102,153,204		HTML:#6699FF
 RGB:102,153,255
HTML:#66CC00
 RGB:102,204,0		HTML:#66CC33
 RGB:102,204,51		HTML:#66CC66
 RGB:102,204,102		HTML:#66CC99
 RGB:102,204,153		HTML:#66CCCC
 RGB:102,204,204		HTML:#66CCFF
 RGB:102,204,255
HTML:#66FF00
 RGB:102,255,0		HTML:#66FF33
 RGB:102,255,51		HTML:#66FF66
 RGB:102,255,102		HTML:#66FF99
 RGB:102,255,153		HTML:#66FFCC
 RGB:102,255,204		HTML:#66FFFF
 RGB:102,255,255
HTML:#990000
 RGB:153,0,0		HTML:#990033
 RGB:153,0,51		HTML:#990066
 RGB:153,0,102		HTML:#990099
 RGB:153,0,153		HTML:#9900CC
 RGB:153,0,204		HTML:#9900FF
 RGB:153,0,255
HTML:#993300
 RGB:153,51,0		HTML:#993333
 RGB:153,51,51		HTML:#993366
 RGB:153,51,102		HTML:#993399
 RGB:153,51,153		HTML:#9933CC
 RGB:153,51,204		HTML:#9933FF
 RGB:153,51,255
HTML:#996600
 RGB:153,102,0		HTML:#996633
 RGB:153,102,51		HTML:#996666
 RGB:153,102,102		HTML:#996699
 RGB:153,102,153		HTML:#9966CC
 RGB:153,102,204		HTML:#9966FF
 RGB:153,102,255
HTML:#999900
 RGB:153,153,0		HTML:#999933
 RGB:153,153,51		HTML:#999966
 RGB:153,153,102		HTML:#999999
 RGB:153,153,153		HTML:#9999CC
 RGB:153,153,204		HTML:#9999FF
 RGB:153,153,255
HTML:#99CC00
 RGB:153,204,0		HTML:#99CC33
 RGB:153,204,51		HTML:#99CC66
 RGB:153,204,102		HTML:#99CC99
 RGB:153,204,153		HTML:#99CCCC
 RGB:153,204,204		HTML:#99CCFF
 RGB:153,204,255
HTML:#99FF00
 RGB:153,255,0		HTML:#99FF33
 RGB:153,255,51		HTML:#99FF66
 RGB:153,255,102		HTML:#99FF99
 RGB:153,255,153		HTML:#99FFCC
 RGB:153,255,204		HTML:#99FFFF
 RGB:153,255,255
HTML:#CC0000
 RGB:204,0,0		HTML:#CC0033
 RGB:204,0,51		HTML:#CC0066
 RGB:204,0,102		HTML:#CC0099
 RGB:204,0,153		HTML:#CC00CC
 RGB:204,0,204		HTML:#CC00FF
 RGB:204,0,255
HTML:#CC3300
 RGB:204,51,0		HTML:#CC3333
 RGB:204,51,51		HTML:#CC3366
 RGB:204,51,102		HTML:#CC3399
 RGB:204,51,153		HTML:#CC33CC
 RGB:204,51,204		HTML:#CC33FF
 RGB:204,51,255
HTML:#CC6600
 RGB:204,102,0		HTML:#CC6633
 RGB:204,102,51		HTML:#CC6666
 RGB:204,102,102		HTML:#CC6699
 RGB:204,102,153		HTML:#CC66CC
 RGB:204,102,204		HTML:#CC66FF
 RGB:204,102,255
HTML:#CC9900
 RGB:204,153,0		HTML:#CC9933
 RGB:204,153,51		HTML:#CC9966
 RGB:204,153,102		HTML:#CC9999
 RGB:204,153,153		HTML:#CC99CC
 RGB:204,153,204		HTML:#CC99FF
 RGB:204,153,255
HTML:#CCCC00
 RGB:204,204,0		HTML:#CCCC33
 RGB:204,204,51		HTML:#CCCC66
 RGB:204,204,102		HTML:#CCCC99
 RGB:204,204,153		HTML:#CCCCCC
 RGB:204,204,204		HTML:#CCCCFF
 RGB:204,204,255
HTML:#CCFF00
 RGB:204,255,0		HTML:#CCFF33
 RGB:204,255,51		HTML:#CCFF66
 RGB:204,255,102		HTML:#CCFF99
 RGB:204,255,153		HTML:#CCFFCC
 RGB:204,255,204		HTML:#CCFFFF
 RGB:204,255,255
HTML:#FF0000
 RGB:255,0,0		HTML:#FF0033
 RGB:255,0,51		HTML:#FF0066
 RGB:255,0,102		HTML:#FF0099
 RGB:255,0,153		HTML:#FF00CC
 RGB:255,0,204		HTML:#FF00FF
 RGB:255,0,255
HTML:#FF3300
 RGB:255,51,0		HTML:#FF3333
 RGB:255,51,51		HTML:#FF3366
 RGB:255,51,102		HTML:#FF3399
 RGB:255,51,153		HTML:#FF33CC
 RGB:255,51,204		HTML:#FF33FF
 RGB:255,51,255
HTML:#FF6600
 RGB:255,102,0		HTML:#FF6633
 RGB:255,102,51		HTML:#FF6666
 RGB:255,102,102		HTML:#FF6699
 RGB:255,102,153		HTML:#FF66CC
 RGB:255,102,204		HTML:#FF66FF
 RGB:255,102,255
HTML:#FF9900
 RGB:255,153,0		HTML:#FF9933
 RGB:255,153,51		HTML:#FF9966
 RGB:255,153,102		HTML:#FF9999
 RGB:255,153,153		HTML:#FF99CC
 RGB:255,153,204		HTML:#FF99FF
 RGB:255,153,255
HTML:#FFCC00
 RGB:255,204,0		HTML:#FFCC33
 RGB:255,204,51		HTML:#FFCC66
 RGB:255,204,102		HTML:#FFCC99
 RGB:255,204,153		HTML:#FFCCCC
 RGB:255,204,204		HTML:#FFCCFF
 RGB:255,204,255
HTML:#FFFF00
 RGB:255,255,0		HTML:#FFFF33
 RGB:255,255,51		HTML:#FFFF66
 RGB:255,255,102		HTML:#FFFF99
 RGB:255,255,153		HTML:#FFFFCC
 RGB:255,255,204		HTML:#FFFFFF
 RGB:255,255,255


..:: Die wirklich Websicheren Farben ::..

Designer werden oft noch dazu angehalten, die 216 websicheren Farben in ihren Webseiten zu verwenden. Die websicheren Farben wurden aber zu einer Zeit (ca. 1995) entwickelt, als Grafikkarten und Monitore mit 8 Bit Farbtiefe der übliche Standard waren. Bei der Verwendung von 16 Bit Farbtiefe ergeben sich weitere Probleme: David Lehn und Hadley Stern haben festgestellt, dass nur 22 der 216 websicheren Farben bei 16 Bit Farbtiefe ohne Neuberechnung richtig dargestellt werden können. Sie bezeichneten diese Gruppe von 22 Farben als "wirklich websichere Farbpalette". Sie besteht hauptsächlich aus grünen und gelben Farbtönen:
000F00003F0300FF0F
0F06F0FF03F36F3FF3
0F63F6CF6FF60FC3FC
0FF3FF6FFFFF  

Seitenanfang / Top