Bemerkung
Als die Palette der websicheren Farben entwickelt wurde, konnten Computer oft nur 256 verschiedene Farben anzeigen.
Durch die Verbreitung von Grafikkarten und Monitoren, die 24 Bit oder mehr Farbtiefe darstellen können, verliert die Palette der websicheren Farben zunehmend an Bedeutung.
Beschränkung auf folgende Rot, Grü und Blau
Die browsersichere Palette setzt sich aus den Farben zusammen, bei denen Rot, Grün und Blau auf folgende Werte beschränkt sind:
| Hex | 00 | 33 | 66 | 99 | CC | FF |
|---|---|---|---|---|---|---|
| RGB | 00 | 51 | 102 | 153 | 204 | 255 |
| % | 0 | 20 | 40 | 60 | 80 | 100 |
Total sind dies also: 6 rote x 6 grüne x 6 blaue = 216 Farben
Websichere Farben
Für Systeme, die nur 256 Farben anzeigen, ist diese Liste interessant.
Diese 216 Farben werden auf Windows- und Mac-Rechnern gleich angezeigt.
Die restlichen 40 sind zwischen beiden Systemen unterschiedlich
| Netscape und CSS - 216 Farben | |||||
|---|---|---|---|---|---|
| Hex 00 RGB 0 0 % |
Hex 33 RGB 51 20 % |
Hex 66 RGB 102 40 % |
Hex CC RGB 153 60 % |
Hex 00 RGB 204 80 % |
Hex FF RGB 255 100 % |
| #000000 black |
#000033 | #000066 | #000099 | #0000CC | #0000FF blue |
| #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 rot |
#FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF fuchsia |
| #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 lime |
#00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF aqua |
| #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 yellow |
#FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF white |
→
Stichwortverzeichnis
→
Webseitenbau
↑ Beispiel der Formatierung
1) Angabe im Quelltext:
<table border="1" cellpadding="5" cellspacing="0" style="text-align:center" width="100%"> <tr> <td style="background-color:#000000; color:white">#000000<br>black</td> <td style="background-color:#000033; color:white">#000033</td> <td style="background-color:#000066; color:white">#000066</td> <td style="background-color:#000099; color:white">#000099</td> <td style="background-color:#0000CC; color:white">#0000CC</td> <td style="background-color:#0000FF; color:white">#0000FF<br>blue</td> </tr><tr> <td style="background-color:#FF0000; color:white">#FF0000<br>rot</td> <td style="background-color:#FF0033; color:white">#FF0033</td> <td style="background-color:#FF0066; color:white">#FF0066</td> <td style="background-color:#FF0099; color:white">#FF0099</td> <td style="background-color:#FF00CC; color:white">#FF00CC</td> <td style="background-color:#FF00FF; color:white">#FF00FF<br>fuchsia</td> </tr><tr> <td style="background-color:#FFFF00; color:black">#FFFF00<br>yellow</td> <td style="background-color:#FFFF33; color:black">#FFFF33</td> <td style="background-color:#FFFF66; color:black">#FFFF66</td> <td style="background-color:#FFFF99; color:black">#FFFF99</td> <td style="background-color:#FFFFCC; color:black">#FFFFCC</td> <td style="background-color:#FFFFFF; color:black">#FFFFFF<br>white</td> </tr> </table>
2) Anzeige im HTML-Dokument:
| #000000 black |
#000033 | #000066 | #000099 | #0000CC | #0000FF blue |
| #FF0000 rot |
#FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF fuchsia |
| #FFFF00 yellow |
#FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF white |