:content
20.04.2003
In HTML und CSS können Farben durchaus mit ihren englischen Namen (color="white", "pink", "black", etc.)
angegeben werden. Allerdings wird zur Angabe der Farbe üblicherweise ein sechstelliger hexadezimaler RGB-Code
verwendet. Dabei erfolgt die Angabe der drei Farbanteile Rot, Grün und Blau, aus denen sich die
gewünschte Farbe zusammensetzt, jeweils in Stufen von 00 bis FF (entsprechend den dezimalen Zahlen
0 bis 255). Das erste Ziffernpaar steht für den Rot-Anteil, das zweite für den
Grün-Anteil und das dritte für den Blau-Anteil. Zur Kennzeichnung der Hexadezimalzal wird vor den
gesamten RGB-Code ein "#" gestellt.
#FF0000 steht etwa für reines Rot,
#00FF00 für Grün, #0000FF für Blau und
#000000 für Schwarz. Selbstverständlich können aber auch innerhalb eines Ziffernpaares für einen
Farbanteil beliebige Kombinationen von 0 bis F benutzt werden. So entstehen zum Beispiel
die Farben #45A208,
#DE41F3 und #6FA2E2.
Aus historischen Gründen der Browser-Kompatibilität wurde allerdings von Webdesign-Gurus
nur die Nutzung der 216 Farben empfohlen, die durch Kombination der hexadezimalen Zahlenpaare
00, 33, 66, 99, CC und FF entstehen (entsprechend den dezimalen Werten 0, 51, 102, 153, 204, 255).
Die solcherart erzeugten Farben sollten von allen
Browsern unter allen Betriebssystemen gleichermaßen dargestellt werden können.
Heutzutage sollte es zwar mit Browsern und unterschiedlichen Betriebssystemen keine Farbprobleme
mehr geben, allerdings tauchen nun laufend neue Browser auf diversen PDA's und
anderen mobilen Devices auf, deren Farbspektrum eventuell eingeschränkt sein kann.
Daher empfiehlt es sich wiederum, bei der Kreation von grafischen Elementen auf diese 216
"web-sicheren Farben" zurückzugreifen, umso mehr, als damit genügend Farben zur
Verfügung stehen sollten.
Die folgende Tabelle listet die 216 Farben auf, die durch Kombination der hexadezimalen
RGB-Werte 00, 33, 66, 99, CC und FF entstehen. Bei dunklem Hintergrund erfolgt die Angabe
des Hexadezimalcodes in weißer Schrift nur aus Gründen der Lesbarkeit.
| #000000 |
#330000 |
#660000 |
#990000 |
#CC0000 |
#FF0000 |
| #003300 |
#333300 |
#663300 |
#993300 |
#CC3300 |
#FF3300 |
| #006600 |
#336600 |
#666600 |
#996600 |
#CC6600 |
#FF6600 |
| #009900 |
#339900 |
#669900 |
#999900 |
#CC9900 |
#FF9900 |
| #00CC00 |
#33CC00 |
#66CC00 |
#99CC00 |
#CCCC00 |
#FFCC00 |
| #00FF00 |
#33FF00 |
#66FF00 |
#99FF00 |
#CCFF00 |
#FFFF00 |
| #000033 |
#330033 |
#660033 |
#990033 |
#CC0033 |
#FF0033 |
| #003333 |
#333333 |
#663333 |
#993333 |
#CC3333 |
#FF3333 |
| #006633 |
#336633 |
#666633 |
#996633 |
#CC6633 |
#FF6633 |
| #009933 |
#339933 |
#669933 |
#999933 |
#CC9933 |
#FF9933 |
| #00CC33 |
#33CC33 |
#66CC33 |
#99CC33 |
#CCCC33 |
#FFCC33 |
| #00FF33 |
#33FF33 |
#66FF33 |
#99FF33 |
#CCFF33 |
#FFFF33 |
| #000066 |
#330066 |
#660066 |
#990066 |
#CC0066 |
#FF0066 |
| #003366 |
#333366 |
#663366 |
#993366 |
#CC3366 |
#FF3366 |
| #006666 |
#336666 |
#666666 |
#996666 |
#CC6666 |
#FF6666 |
| #009966 |
#339966 |
#669966 |
#999966 |
#CC9966 |
#FF9966 |
| #00CC66 |
#33CC66 |
#66CC66 |
#99CC66 |
#CCCC66 |
#FFCC66 |
| #00FF66 |
#33FF66 |
#66FF66 |
#99FF66 |
#CCFF66 |
#FFFF66 |
| #000099 |
#330099 |
#660099 |
#990099 |
#CC0099 |
#FF0099 |
| #003399 |
#333399 |
#663399 |
#993399 |
#CC3399 |
#FF3399 |
| #006699 |
#336699 |
#666699 |
#996699 |
#CC6699 |
#FF6699 |
| #009999 |
#339999 |
#669999 |
#999999 |
#CC9999 |
#FF9999 |
| #00CC99 |
#33CC99 |
#66CC99 |
#99CC99 |
#CCCC99 |
#FFCC99 |
| #00FF99 |
#33FF99 |
#66FF99 |
#99FF99 |
#CCFF99 |
#FFFF99 |
| #0000CC |
#3300CC |
#6600CC |
#9900CC |
#CC00CC |
#FF00CC |
| #0033CC |
#3333CC |
#6633CC |
#9933CC |
#CC33CC |
#FF33CC |
| #0066CC |
#3366CC |
#6666CC |
#9966CC |
#CC66CC |
#FF66CC |
| #0099CC |
#3399CC |
#6699CC |
#9999CC |
#CC99CC |
#FF99CC |
| #00CCCC |
#33CCCC |
#66CCCC |
#99CCCC |
#CCCCCC |
#FFCCCC |
| #00FFCC |
#33FFCC |
#66FFCC |
#99FFCC |
#CCFFCC |
#FFFFCC |
| #0000FF |
#3300FF |
#6600FF |
#9900FF |
#CC00FF |
#FF00FF |
| #0033FF |
#3333FF |
#6633FF |
#9933FF |
#CC33FF |
#FF33FF |
| #0066FF |
#3366FF |
#6666FF |
#9966FF |
#CC66FF |
#FF66FF |
| #0099FF |
#3399FF |
#6699FF |
#9999FF |
#CC99FF |
#FF99FF |
| #00CCFF |
#33CCFF |
#66CCFF |
#99CCFF |
#CCCCFF |
#FFCCFF |
| #00FFFF |
#33FFFF |
#66FFFF |
#99FFFF |
#CCFFFF |
#FFFFFF |
Wünsche, Anregungen und Beschwerden bitte im Gästebuch deponieren.
|
