Web-sichere Farben für alle Web-Browser
Wenn Sie einigermaßen sicher gehen wollen, dass die in Ihrem Webdesign verwendeten Farben auf unterschiedlichen Systemen (auch solchen mit nur 256 darstellbaren Farben) gleich aussehen, sollten Sie sich auf eine Auswahl von lediglich 216 Farben beschränken. Wie kommt es dazu?
Die Angabe der Farbwerte in HTML erfolgt entweder direkt als englischer Farbname (z.B. "red") oder als Hexadezimalwert (#FF0000). Die Farben für die Darstellung am Bildschirm werden aus Ihren Rot-, Grün- und Blauanteilen errechnet. Die jeweiligen Anteile werden üblicherweise als hexadezimale Zahlenwerte angegeben (z.B. "FF0000" steht für dezimal 255 Rot, 0 Grün und 0 Blau und ist somit ein reiner Rot-Farbton). Als websicher werden die Kombinationen aus den Hexadezimalwerten 00, 33, 66, 99, CC und FF bezeichnet. Dies entspricht den dezimalen RGB-Werten aus dem Kombinationen von 0, 51, 102, 153, 204 und 255.
In der nachfolgenden Tabelle finden Sie eine Zusammenstellung aller websicheren Farben in einem dezimalen RGB-Raster und eingetragenem Hexadezimal-Code:
R=0 | B=0 | B=51 | B=102 | B=153 | B=204 | B=255 |
G=0 | #000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
G=51 | #003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
G=102 | #006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
G=153 | #009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
G=204 | #00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
G=255 | #00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
R=51 | B=0 | B=51 | B=102 | B=153 | B=204 | B=255 |
G=0 | #330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
G=51 | #333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
G=102 | #336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
G=153 | #339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
G=204 | #33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
G=255 | #33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
R=102 | B=0 | B=51 | B=102 | B=153 | B=204 | B=255 |
G=0 | #660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
G=51 | #663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
G=102 | #666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
G=153 | #669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
G=204 | #66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
G=255 | #66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
R=153 | B=0 | B=51 | B=102 | B=153 | B=204 | B=255 |
G=0 | #990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
G=51 | #993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
G=102 | #996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
G=153 | #999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
G=204 | #99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
G=255 | #99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
R=204 | B=0 | B=51 | B=102 | B=153 | B=204 | B=255 |
G=0 | #CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
G=51 | #CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
G=102 | #CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
G=153 | #CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
G=204 | #CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
G=255 | #CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
R=255 | B=0 | B=51 | B=102 | B=153 | B=204 | B=255 |
G=0 | #FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
G=51 | #FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
G=102 | #FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
G=153 | #FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
G=204 | #FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
G=255 | #FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |
