Webveilige kleuren
In HTML worden kleuren uitgedrukt als hexadecimale waarden ( bijvoorbeeld #FF0000 ) of als kleurnamen ( rood) .
Een webveilige kleur is een kleur die er in Netscape Navigator en Microsoft Internet Explorer hetzelfde uitziet, zowel op Windows als Macintosh-systemen in de 256 kleurenmodus.
In het algemeen geldt dat er 216 gemeenschappelijke kleuren zijn en dat elke hexadecimale waarde waarin de paren 00, 33, 66, 99, CC of FF worden gecombineerd (dit zijn de RGB waarden 1, 51, 102, 153, 204 en 255), een webveilige kleur vertegenwoordigt.
Tijdens tests blijkt echter dat er maar 212 webveilige kleuren zijn in plaats van de totale 216, omdat in Internet Explorer op Windows de kleuren #0033FF (0,51,255), #3300FF (51,0,255), #00FF33 (0,255,51) en #33FF00 (51,255,0) niet op de juiste manier worden weergegeven.
In de tijd van de eerste webbrowsers konden de meeste computers maar 256 kleuren (8-bits per kanaal [bpk]) weergeven.
Tegenwoordig kunnen door de meeste computers duizenden of miljoenen kleuren worden weergegeven (16- en 32-bpk).
De combinaties zijn praktisch oneindig geworden en is er meer mogelijk dan de hieronder gemaakte schema's.
Als een site moet worden ontwikkelt voor gebruikers met moderne computersystemen, is het dus niet meer noodzakelijk om het browserveilige palet te gebruiken in het webdesign.
Hieronder de zogenoemde browserveilige kleuren. In deze tabel staan 216 veilige kleuren die in elke browser hetzelfde resultaat geven. |
| #ffffff | #ffffcc | #ffff99 | #ffff66 | #ffff33 | #ffff00 |
| #ffccff | #ffcccc | #ffcc99 | #ffcc66 | #ffcc33 | #ffcc00 |
| #ff99ff | #ff99cc | #ff9999 | #ff9966 | #ff9933 | #ff9900 |
| #ff66ff | #ff66cc | #ff6699 | #ff6666 | #ff6633 | #ff6600 |
| #ff33ff | #ff33cc | #ff3399 | #ff3366 | #ff3333 | #ff3300 |
| #ff00ff | #ff00cc | #ff0099 | #ff0066 | #ff0033 | #ff0000 |
| #ccffff | #ccffcc | #ccff99 | #ccff66 | #ccff33 | #ccff00 |
| #ccccff | #cccccc | #cccc99 | #cccc66 | #cccc33 | #cccc00 |
| #cc99ff | #cc99cc | #cc9999 | #cc9966 | #cc9933 | #cc9900 |
| #cc66ff | #cc66cc | #cc6699 | #cc6666 | #cc6633 | #cc6600 |
| #cc33ff | #cc33cc | #cc3399 | #cc3366 | #cc3333 | #cc3300 |
| #cc00ff | #cc00cc | #cc0099 | #cc0066 | #cc0033 | #cc0000 |
| #99ffff | #99ffcc | #99ff99 | #99ff66 | #99ff33 | #99ff00 |
| #99ccff | #99cccc | #99cc99 | #99cc66 | #99cc33 | #99cc00 |
| #9999ff | #9999cc | #999999 | #999966 | #999933 | #999900 |
| #9966ff | #9966cc | #996699 | #996666 | #996633 | #996600 |
| #9933ff | #9933cc | #993399 | #993366 | #993333 | #993300 |
| #9900ff | #9900cc | #990099 | #990066 | #990033 | #990000 |
| #66ffff | #66ffcc | #66ff99 | #66ff66 | #66ff33 | #66ff00 |
| #66ccff | #66cccc | #66cc99 | #66cc66 | #66cc33 | #66cc00 |
| #6699ff | #6699cc | #669999 | #669966 | #669933 | #669900 |
| #6666ff | #6666cc | #666699 | #666666 | #666633 | #666600 |
| #6633ff | #6633cc | #663399 | #663366 | #663333 | #663300 |
| #6600ff | #6600cc | #660099 | #660066 | #660033 | #660000 |
| #33ffff | #33ffcc | #33ff99 | #33ff66 | #33ff33 | #33ff00 |
| #33ccff | #33cccc | #33cc99 | #33cc66 | #33cc33 | #33cc00 |
| #3399ff | #3399cc | #339999 | #339966 | #339933 | #339900 |
| #3366ff | #3366cc | #336699 | #336666 | #336633 | #336600 |
| #3333ff | #3333cc | #333399 | #333366 | #333333 | #333300 |
| #3300ff | #3300cc | #330099 | #330066 | #330033 | #330000 |
| #00ffff | #00ffcc | #00ff99 | #00ff66 | #00ff33 | #00ff00 |
| #00ccff | #00cccc | #00cc99 | #00cc66 | #00cc33 | #00cc00 |
| #0099ff | #0099cc | #009999 | #009966 | #009933 | #009900 |
| #0066ff | #0066cc | #006699 | #006666 | #006633 | #006600 |
| #0033ff | #0033cc | #003399 | #003366 | #003333 | #003300 |
| #0000ff | #0000cc | #000099 | #000066 | #000033 | #000000 |
Hieronder de 16 hoofdkleuren. |
| aqua | #00ffff | ||
| black | #000000 | ||
| blue | #0000ff | ||
| fuchsia | #ff00ff | ||
| gray | #808080 | ||
| green | #008000 | ||
| lime | #00ff00 | ||
| maroon | #800000 | ||
| navy | #000080 | ||
| olive | #808000 | ||
| purple | #800080 | ||
| red | #ff0000 | ||
| silver | #c0c0c0 | ||
| teal | #008080 | ||
| white | #ffffff | ||
| yellow | #ffff00 |
Naast de bovenstaande 16 hoofdkleuren bestaan er nog meer kleurnamen. |
| aliceblue | #f0f8ff | ||
| antiquewhite | #faebd7 | ||
| aquamarine | #7fffd4 | ||
| azure | #f0ffff | ||
| beige | #f5f5dc | ||
| bisque | #ffe4c4 | ||
| blanchedalmond | #ffebcd | ||
| blueviolet | #8a2be2 | ||
| brown | #a52a2a | ||
| burlywood | #deb887 | ||
| cadetblue | #5f9ea0 | ||
| chartreuse | #7fff00 | ||
| chocolate | #d2691e | ||
| coral | #ff7f50 | ||
| cornflowerblue | #6495ed | ||
| cornsilk | #fff8dc | ||
| crimson | #dc143c | ||
| cyan | #00ffff | ||
| darkblue | #00008b | ||
| darkcyan | #008b8b | ||
| darkgoldenrod | #b8860b | ||
| darkgray | #a9a9a9 | ||
| darkgreen | #006400 | ||
| darkkhaki | #bdb76b | ||
| darkmagenta | #8b008b | ||
| darkolivegreen | #556b2f | ||
| darkorange | #ff8c00 | ||
| darkorchid | #9932cc | ||
| darkred | #8b0000 | ||
| darksalmon | #e9967a | ||
| darkseagreen | #8fbc8f | ||
| darkslateblue | #483d8b | ||
| darkslategray | #2f4f4f | ||
| darkturquoise | #00ced1 | ||
| darkviolet | #9400d3 | ||
| deeppink | #ff1493 | ||
| deepskyblue | #00bfff | ||
| dimgray | #696969 | ||
| dodgerblue | #1e90ff | ||
| firebrick | #b22222 | ||
| floralwhite | #fffaf0 | ||
| forestgreen | #228b22 | ||
| gainsboro | #dcdcdc | ||
| ghostwhite | #f8f8ff | ||
| gold | #ffd700 | ||
| goldenrod | #daa520 | ||
| gray | #808080 | ||
| greenyellow | #adff2f | ||
| honeydew | #f0fff0 | ||
| hotpink | #ff69b4 | ||
| indianred | #cd5c5c | ||
| indigo | #4b0082 | ||
| ivory | #fffff0 | ||
| khaki | #f0e68c | ||
| lavender | #e6e6fa | ||
| lavenderblush | #fff0f5 | ||
| lawngreen | #7cfc00 | ||
| lemonchiffon | #fffacd | ||
| lightblue | #add8e6 | ||
| lightcoral | #f08080 | ||
| lightcyan | #e0ffff | ||
| lightgoldenrodyellow | #fafad2 | ||
| lightgreen | #90ee90 | ||
| lightgrey | #d3d3d3 | ||
| lightpink | #ffb6c1 | ||
| lightsalmon | #ffa07a | ||
| lightseagreen | #20b2aa | ||
| lightslategray | #778899 | ||
| lightsteelblue | #b0c4de | ||
| lightyellow | #ffffe0 | ||
| limegreen | #32cd32 | ||
| linen | #faf0e6 | ||
| magenta | #ff00ff | ||
| mediumblue | #0000cd | ||
| mediumorchid | #ba55d3 | ||
| mediumpurple | #9370db | ||
| midnightblue | #191970 | ||
| mistyrose | #ffe4e1 | ||
| moccasin | #ffe4b5 | ||
| oldlace | #fdf5e6 | ||
| orange | #ffa500 | ||
| orchid | #da70d6 | ||
| peachpuff | #ffdab9 | ||
| peru | #cd853f | ||
| pink | #ffc0cb | ||
| plum | #dda0dd | ||
| purple | #800080 | ||
| rosybrown | #bc8f8f | ||
| royalblue | #4169e1 | ||
| salmon | #fa8072 | ||
| sandybrown | #f4a460 | ||
| seagreen | #2e8b57 | ||
| sienna | #a0522d | ||
| skyblue | #87ceeb | ||
| slateblue | #6a5acd | ||
| steelblue | #4682b4 | ||
| tan | #d2b48c | ||
| thistle | #d8bfd8 | ||
| tomato | #ff6347 | ||
| violet | #ee82ee | ||
| wheat | #f5deb3 | ||
| whitesmoke | #f5f5f5 | ||
| yellow | #ffff00 | ||
| yellowgreen | #9acd32 |
