In den Anfangszeiten (ca. 1995) des WWW musste man definieren. Warum? Grafikkarten und Monitore arbeiten damals mit 8 bit-Farbtiefe (heute: ab 24 u. 32 bit) und konnten maximal 256 Farben darstellen. Mit dem Einsatz von websicheren Farben konnte man von einer annähernd gleichen Darstellung einer Webseite auf verschiedenen Computernsystemen und Browsern ausgehen.
Das Problem der unterschiedlichen Darstellung auf unterschiedlicher Hardware und Browsern besteht nach wie vor, allerdings weniger dramatisch als in der Vergangenheit. Nach wie vor gelten folgende 216 Farben als ein „websicherer“ Kompromiss, der sowohl auf Windows wie auch auf Apple-(Mac)-Rechnern und den diversen Browsern gut funktioniert.
Websicher sind Farben sind solche, dessen Hexadezimalcode aus einer Kombination von 3 ( RGB, Rot, Grün, Blau) String-Paaren : 00, 33, 66, 99, CC und FF bestehen.Ein Code sieht dann z.B. so aus: # 00FF99.
Hintergrund war für jede Grundfarbe (Rot, Grün, und Blau) sechs verschiedene Farbtöne anzubieten, dies ergibt folgende Darstellung der RGB-Werte (in hexadezimaler Darstellung)
yyxx00, yyxx33, yyxx66, yyxx99, yyxxCC, yyxxFF, yy00xx, yy33xx, yy66xx, yy99xx, yyCCxx, yyFFxx, 00yyxx, 33yyxx, 66yyxx, 99yyxx, CCyyxx, FFyyxx. usw.
Aufgrund heutiger Rechnerleistungen von mehr als 24 Bit, gelten die websicheren Farben als bedeutungslos. »Websichere Farben« sind eine rein »technische Angelegenheit«, die jeden Designer, der angehalten wird sie zu verwenden, in den Wahnsinn treiben kann. Ein Webdesigner wird sich aus dem ganzen Farbspektum bedienen, und wie man an diesem Farbspektrum erkennt lässt sich das ganze Farbspektrum problemlos anwenden.
Die websicheren Farben haben keine Namen, und können alle in der abgekürzten Darstellungsform, als Hexadecimal Triple Code (Hex3 definiert werden (aus #FFFFFF wird #FFF, aus #CC0000 wird #C00).
| #FFFFFF R=255 G=255 B=255 |
#FFFFCC R=255 G=255 B=204 |
#FFFF99 R=255 G=255 B=153 |
#FFFF66 R=255 G=255 B=102 |
#FFFF33 R=255 G=255 B=51 |
#FFFF00 R=255 G=255 B=0 |
| #FFCCFF R=255 G=204 B=255 |
#FFCCCC R=255 G=204 B=204 |
#FFCC99 R=255 G=204 B=153 |
#FFCC66 R=255 G=204 B=102 |
#FFCC33 R=255 G=204 B=51 |
#FFCC00 R=255 G=204 B=0 |
| #FF99FF R=255 G=153 B=255 |
#FF99CC R=255 G=153 B=204 |
#FF9999 R=255 G=153 B=153 |
#FF9966 R=255 G=153 B=102 |
#FF9933 R=255 G=153 B=51 |
#FF9900 R=255 G=153 B=0 |
| #FF66FF R=255 G=102 B=255 |
#FF66CC R=255 G=102 B=204 |
#FF6699 R=255 G=102 B=153 |
#FF6666 R=255 G=102 B=102 |
#FF6633 R=255 G=102 B=51 |
#FF6600 R=255 G=102 B=0 |
| #FF33FF R=255 G=51 B=255 |
#FF33CC R=255 G=51 B=204 |
#FF3399 R=255 G=51 B=153 |
#FF3366 R=255 G=51 B=102 |
#FF3333 R=255 G=51 B=51 |
#FF3300 R=255 G=51 B=0 |
| #FF00FF R=255 G=0 B=255 |
#FF00CC R=255 G=0 B=204 |
#FF0099 R=255 G=0 B=153 |
#FF0066 R=255 G=0 B=102 |
#FF0033 R=255 G=0 B=51 |
#FF0000 R=255 G=0 B=0 |
| #CCFFFF R=204 G=255 B=255 |
#CCFFCC R=204 G=255 B=204 |
#CCFF99 R=204 G=255 B=153 |
#CCFF66 R=204 G=255 B=102 |
#CCFF33 R=204 G=255 B=51 |
#CCFF00 R=204 G=255 B=0 |
| #CCCCFF R=204 G=204 B=255 |
#CCCCCC R=204 G=204 B=204 |
#CCCC99 R=204 G=204 B=153 |
#CCCC66 R=204 G=204 B=102 |
#CCCC33 R=204 G=204 B=51 |
#CCCC00 R=204 G=204 B=0 |
| #CC99FF R=204 G=153 B=255 |
#CC99CC R=204 G=153 B=204 |
#CC9999 R=204 G=153 B=153 |
#CC9966 R=204 G=153 B=102 |
#CC9933 R=204 G=153 B=51 |
#CC9900 R=204 G=153 B=0 |
| #CC66FF R=204 G=102 B=255 |
#CC66CC R=204 G=102 B=204 |
#CC6699 R=204 G=102 B=153 |
#CC6666 R=204 G=102 B=102 |
#CC6633 R=204 G=102 B=51 |
#CC6600 R=204 G=102 B=0 |
| #CC33FF R=204 G=51 B=255 |
#CC33CC R=204 G=51 B=204 |
#CC3399 R=204 G=51 B=153 |
#CC3366 R=204 G=51 B=102 |
#CC3333 R=204 G=51 B=51 |
#CC3300 R=204 G=51 B=0 |
| #CC00FF R=204 G=0 B=255 |
#CC00CC R=204 G=0 B=204 |
#CC0099 R=204 G=0 B=153 |
#CC0066 R=204 G=0 B=102 |
#CC0033 R=204 G=0 B=51 |
#CC0000 R=204 G=0 B=0 |
| #99FFFF R=153 G=255 B=255 |
#99FFCC R=153 G=255 B=204 |
#99FF99 R=153 G=255 B=153 |
#99FF66 R=153 G=255 B=102 |
#99FF33 R=153 G=255 B=51 |
#99FF00 R=153 G=255 B=0 |
| #99CCFF R=153 G=204 B=255 |
#99CCCC R=153 G=204 B=204 |
#99CC99 R=153 G=204 B=153 |
#99CC66 R=153 G=204 B=102 |
#99CC33 R=153 G=204 B=51 |
#99CC00 R=153 G=204 B=0 |
| #9999FF R=153 G=153 B=255 |
#9999CC R=153 G=153 B=204 |
#999999 R=153 G=153 B=153 |
#999966 R=153 G=153 B=102 |
#999933 R=153 G=153 B=51 |
#999900 R=153 G=153 B=0 |
| #9966FF R=153 G=102 B=255 |
#9966CC R=153 G=102 B=204 |
#996699 R=153 G=102 B=153 |
#996666 R=153 G=102 B=102 |
#996633 R=153 G=102 B=51 |
#996600 R=153 G=102 B=0 |
| #9933FF R=153 G=51 B=255 |
#9933CC R=153 G=51 B=204 |
#993399 R=153 G=51 B=153 |
#993366 R=153 G=51 B=102 |
#993333 R=153 G=51 B=51 |
#993300 R=153 G=51 B=0 |
| #9900FF R=153 G=0 B=255 |
#9900CC R=153 G=0 B=204 |
#990099 R=153 G=0 B=153 |
#990066 R=153 G=0 B=102 |
#990033 R=153 G=0 B=51 |
#990000 R=153 G=0 B=0 |
| #66FFFF R=102 G=255 B=255 |
#66FFCC R=102 G=255 B=204 |
#66FF99 R=102 G=255 B=153 |
#66FF66 R=102 G=255 B=102 |
#66FF33 R=102 G=255 B=51 |
#66FF00 R=102 G=255 B=0 |
| #66CCFF R=102 G=204 B=255 |
#66CCCC R=102 G=204 B=204 |
#66CC99 R=102 G=204 B=153 |
#66CC66 R=102 G=204 B=102 |
#66CC33 R=102 G=204 B=51 |
#66CC00 R=102 G=204 B=0 |
| #6699FF R=102 G=153 B=255 |
#6699CC R=102 G=153 B=204 |
#669999 R=102 G=153 B=153 |
#669966 R=102 G=153 B=102 |
#669933 R=102 G=153 B=51 |
#669900 R=102 G=153 B=0 |
| #6666FF R=102 G=102 B=255 |
#6666CC R=102 G=102 B=204 |
#666699 R=102 G=102 B=153 |
#666666 R=102 G=102 B=102 |
#666633 R=102 G=102 B=51 |
#666600 R=102 G=102 B=0 |
| #6633FF R=102 G=51 B=255 |
#6633CC R=102 G=51 B=204 |
#663399 R=102 G=51 B=153 |
#663366 R=102 G=51 B=102 |
#663333 R=102 G=51 B=51 |
#663300 R=102 G=51 B=0 |
| #6600FF R=102 G=0 B=255 |
#6600CC R=102 G=0 B=204 |
#660099 R=102 G=0 B=153 |
#660066 R=102 G=0 B=102 |
#660033 R=102 G=0 B=51 |
#660000 R=102 G=0 B=0 |
| #33FFFF R=51 G=255 B=255 |
#33FFCC R=51 G=255 B=204 |
#33FF99 R=51 G=255 B=153 |
#33FF66 R=51 G=255 B=102 |
#33FF33 R=51 G=255 B=51 |
#33FF00 R=51 G=255 B=0 |
| #33CCFF R=51 G=204 B=255 |
#33CCCC R=51 G=204 B=204 |
#33CC99 R=51 G=204 B=153 |
#33CC66 R=51 G=204 B=102 |
#33CC33 R=51 G=204 B=51 |
#33CC00 R=51 G=204 B=0 |
| #3399FF R=51 G=153 B=255 |
#3399CC R=51 G=153 B=204 |
#339999 R=51 G=153 B=153 |
#339966 R=51 G=153 B=102 |
#339933 R=51 G=153 B=51 |
#339900 R=51 G=153 B=0 |
| #3366FF R=51 G=102 B=255 |
#3366CC R=51 G=102 B=204 |
#336699 R=51 G=102 B=153 |
#336666 R=51 G=102 B=102 |
#336633 R=51 G=102 B=51 |
#336600 R=51 G=102 B=0 |
| #3333FF R=51 G=51 B=255 |
#3333CC R=51 G=51 B=204 |
#333399 R=51 G=51 B=153 |
#333366 R=51 G=51 B=102 |
#333333 R=51 G=51 B=51 |
#333300 R=51 G=51 B=0 |
| #3300FF R=51 G=0 B=255 |
#3300CC R=51 G=0 B=204 |
#330099 R=51 G=0 B=153 |
#330066 R=51 G=0 B=102 |
#330033 R=51 G=0 B=51 |
#330000 R=51 G=0 B=0 |
| #00FFFF R=0 G=255 B=255 |
#00FFCC R=0 G=255 B=204 |
#00FF99 R=0 G=255 B=153 |
#00FF66 R=0 G=255 B=102 |
#00FF33 R=0 G=255 B=51 |
#00FF00 R=0 G=255 B=0 |
| #00CCFF R=0 G=204 B=255 |
#00CCCC R=0 G=204 B=204 |
#00CC99 R=0 G=204 B=153 |
#00CC66 R=0 G=204 B=102 |
#00CC33 R=0 G=204 B=51 |
#00CC00 R=0 G=204 B=0 |
| #0099FF R=0 G=153 B=255 |
#0099CC R=0 G=153 B=204 |
#009999 R=0 G=153 B=153 |
#009966 R=0 G=153 B=102 |
#009933 R=0 G=153 B=51 |
#009900 R=0 G=153 B=0 |
| #0066FF R=0 G=102 B=255 |
#0066CC R=0 G=102 B=204 |
#006699 R=0 G=102 B=153 |
#006666 R=0 G=102 B=102 |
#006633 R=0 G=102 B=51 |
#006600 R=0 G=102 B=0 |
| #0033FF R=0 G=51 B=255 |
#0033CC R=0 G=51 B=204 |
#003399 R=0 G=51 B=153 |
#003366 R=0 G=51 B=102 |
#003333 R=0 G=51 B=51 |
#003300 R=0 G=51 B=0 |
| #0000FF R=0 G=0 B=255 |
#0000CC R=0 G=0 B=204 |
#000099 R=0 G=0 B=153 |
#000066 R=0 G=0 B=102 |
#000033 R=0 G=0 B=51 |
#000000 R=0 G=0 B=0 |
| #000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
| #330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
| #660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
| #990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
| #CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
| #FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
| #003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
| #333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
| #663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
| #993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
| #CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
| #FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
| #006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
| #336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
| #666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
| #996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
| #CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
| #FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
| #009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
| #339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
| #669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
| #999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
| #CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
| #FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
| #00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
| #33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
| #66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
| #99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
| #CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
| #FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
| #00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
| #33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
| #66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
| #99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
| #CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
| #FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |