216 websichere Farben - Farbpalette mit Hexacodes
Welche Farben sollte man beim Erstellen von Websites verwenden? Mittels der Hexadezimalcodes von #000000 bis #FFFFFF (wobei F hexadezimal = 15 im Dezimalsystem) stehen einem immerhin weit über 16 Millionen Farben zur Auswahl, die man in die CSS-Codes einbinden kann. Eine Zeit lang war es eine gute Idee, nur die 216 sogenannten websicheren Farben zu wählen, auf deren Darstellungsgleichheit sich die wichtigsten Browser einigten. Hier eine Auflistung der 216 websicheren Farben:
| #000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
| #003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
| #006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
| #009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
| #00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
| #00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
| #330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
| #333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
| #336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
| #339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
| #33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
| #33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
| #660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
| #663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
| #666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
| #669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
| #66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
| #66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
| #990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
| #993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
| #996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
| #999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
| #99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
| #99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
| #CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
| #CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
| #CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
| #009900 | #009933 | #009966 | #009999 | #CC99CC | #CC99FF |
| #CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
| #CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
| #FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
| #FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
| #FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
| #FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
| #FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
| #FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |
Der Grund für diese websicheren Farben: Zu Zeiten von 256-Farben-Bildschirmen, -Grafikkarten und teilweise auch -Browsern konnten schlicht nur 256 Farben angezeigt werden, und alle Farben «dazwischen» wurden (bestenfalls) mittels Dithering angezeigt, also einem Pixelgemisch verschiedener Farben, das der beabsichtigten Farbe möglichst nahe kommen sollte. Dies sah häßlich aus und Schrift wurde somit häufig unlesbar.
Mittlerweile jedoch dürfte ein Gebrauch aller möglichen Farben, die der Hexadezimalcode hergibt, einigermaßen problemlos sein, weil Anzeigegeräte mit nur 256 Farben aktuell einen verschwindend geringen Marktanteil haben. Wer trotzdem auf Nummer sicher gehen möchte, wählt dennoch eine der oben angegebenen 216 websicheren Farben.
Die ersten 2 Zahlen des Hexadezimalcodes stehen für den Rotanteil, die dritte und die vierte Zahl für den Grünanteil und die letzten beiden Zahlen für den Blauanteil. Allerdings sei sowohl bei den angeblich websicheren Farben als auch allen anderen Farben davor gewarnt, dass die Farben je nach Anzeigegerät unterschiedlich aussehen können. Was an Gerät A noch ein sattes rot ist, kann schon an Gerät B schweinchenrosa aussehen.
Eigentlich spricht sowieso wenig dagegen, sich weitgehend auf schwarz und weiß zu beschränken. Denn mit schwarz und weiß erzielt man den größtmöglichen Kontrast (beste Lesbarkeit); außerdem sehen schwarz und weiß wirklich überall schwarz und weiß aus. Zudem sollte man Schrift möglichst nicht negativ polarisiert codieren, d.h. mit hellerer Schrift vor dunklerem Hintergrund arbeiten. Dies behindert ebenfalls die Lesbarkeit und den Lesefluss.
Fazit: Grundsätzlich ist schwarz auf weiß besser als schwarz auf grau oder weiß auf schwarz oder grau auf hellblau etc.