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

[Naar boven]

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

[Naar boven]

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

[Naar boven]