网页中的颜色呈现会受到各种因素的影响,即使你的网页使用了非常漂亮的配色方案,但是如果每个人浏览的时候看到的效果都不相同,那么你的配色理念就不能够非常好地传达给浏览者。使用216网页安全色进行网页配色可以避免颜色失真问题。
网页安全色是指在不同硬件环境、不同操作系统和不同浏览器中都能够正常显示的颜色集合(调色板或者色谱),也就是说这些颜色在任何终端用户的显示设备上都是相同的效果。
>
网页安全色是当红色(Red)、绿色(Green)、蓝色(Blue)颜色数字信号值(DAC Count)为0、51、102、153、204、255时构成的颜色组合,它一共有 6 * 6 * 6 = 216 种颜色(其中彩色为210种,非彩色为6种)。
216网页安全色在需要实现高精度的渐变效果或显示真彩图像或照片时会有一定的欠缺,但用于显示徽标或者二维平面效果时却是绰绰有余的。不过我们也可以看到很多站点利用其他非网页安全色做到了新颖独特的设计风格,所以我们并不需要刻意地追求使用局限在216网页安全色范围内的颜色,而是应该更好地搭配使用安全色合非安全色。
216 网页安全色一览
HTML#000000RGB 0 0 0
HTML#000033RGB 0 0 51
HTML#000066RGB 0 0 102
HTML#000099RGB 0 0 153
HTML#0000CCRGB 0 0 204
HTML#0000FFRGB 0 0 255
HTML#003300RGB 0 51 0
HTML#003333RGB 0 51 51
HTML#003366RGB 0 51 102
HTML#003399RGB 0 51 153
HTML#0033CCRGB 0 51 204
HTML#0033FFRGB 0 51 255
HTML#006600RGB 0 102 0
HTML#006633RGB 0 102 51
HTML#006666RGB 0 102 102
HTML#006699RGB 0 102 153
HTML#0066CCRGB 0 102 204
HTML#0066FFRGB 0 102 255
HTML#009900RGB 0 153 0
HTML#009933RGB 0 153 51
HTML#009966RGB 0 153 102
HTML#009999RGB 0 153 153
HTML#0099CCRGB 0 153 204
HTML#0099FFRGB 0 153 255
HTML#00CC00RGB 0 204 0
HTML#00CC33RGB 0 204 51
HTML#00CC66RGB 0 204 102
HTML#00CC99RGB 0 204 153
HTML#00CCCCRGB 0 204 204
HTML#00CCFFRGB 0 204 255
HTML#00FF00RGB 0 255 0
HTML#00FF33RGB 0 255 51
HTML#00FF66RGB 0 255 102
HTML#00FF99RGB 0 255 153
HTML#00FFCCRGB 0 255 204
HTML#00FFFFRGB 0 255 255
HTML#330000RGB 51 0 0
HTML#330033RGB 51 0 51
HTML#330066RGB 51 0 102
HTML#330099RGB 51 0 153
HTML#3300CCRGB 51 0 204
HTML#3300FFRGB 51 0 255
HTML#333300RGB 51 51 0
HTML#333333RGB 51 51 51
HTML#333366RGB 51 51 102
HTML#333399RGB 51 51 153
HTML#3333CCRGB 51 51 204
HTML#3333FFRGB 51 51 255
HTML#336600RGB 51 102 0
HTML#336633RGB 51 102 51
HTML#336666RGB 51 102 102
HTML#336699RGB 51 102 153
HTML#3366CCRGB 51 102 204
HTML#3366FFRGB 51 102 255
HTML#339900RGB 51 153 0
HTML#339933RGB 51 153 51
HTML#339966RGB 51 153 102
HTML#339999RGB 51 153 153
HTML#3399CCRGB 51 153 204
HTML#3399FFRGB 51 153 255
HTML#33CC00RGB 51 204 0
HTML#33CC33RGB 51 204 51
HTML#33CC66RGB 51 204 102
HTML#33CC99RGB 51 204 153
HTML#33CCCCRGB 51 204 204
HTML#33CCFFRGB 51 204 255
HTML#33FF00RGB 51 255 0
HTML#33FF33RGB 51 255 51
HTML#33FF66RGB 51 255 102
HTML#33FF99RGB 51 255 153
HTML#33FFCCRGB 51 255 204
HTML#33FFFFRGB 51 255 255
HTML#660000RGB 102 0 0
HTML#660033RGB 102 0 51
HTML#660066RGB 102 0 102
HTML#660099RGB 102 0 153
HTML#6600CCRGB 102 0 204
HTML#6600FFRGB 102 0 255
HTML#663300RGB 102 51 0
HTML#663333RGB 102 51 51
HTML#663366RGB 102 51 102
HTML#663399RGB 102 51 153
HTML#6633CCRGB 102 51 204
HTML#6633FFRGB 102 51 255
HTML#666600RGB 102 102 0
HTML#666633RGB 102 102 51
HTML#666666RGB 102 102 102
HTML#666699RGB 102 102 153
HTML#6666CCRGB 102 102 204
HTML#6666FFRGB 102 102 255
HTML#669900RGB 102 153 0
HTML#669933RGB 102 153 51
HTML#669966RGB 102 153 102
HTML#669999RGB 102 153 153
HTML#6699CCRGB 102 153 204
HTML#6699FFRGB 102 153 255
HTML#66CC00RGB 102 204 0
HTML#66CC33RGB 102 204 51
HTML#66CC66RGB 102 204 102
HTML#66CC99RGB 102 204 153
HTML#66CCCCRGB 102 204 204
HTML#66CCFFRGB 102 204 255
HTML#66FF00RGB 102 255 0
HTML#66FF33RGB 102 255 51
HTML#66FF66RGB 102 255 102
HTML#66FF99RGB 102 255 153
HTML#66FFCCRGB 102 255 204
HTML#66FFFFRGB 102 255 255
HTML#990000RGB 153 0 0
HTML#990033RGB 153 0 51
HTML#990066RGB 153 0 102
HTML#990099RGB 153 0 153
HTML#9900CCRGB 153 0 204
HTML#9900FFRGB 153 0 255
HTML#993300RGB 153 51 0
HTML#993333RGB 153 51 51
HTML#993366RGB 153 51 102
HTML#993399RGB 153 51 153
HTML#9933CCRGB 153 51 204
HTML#9933FFRGB 153 51 255
HTML#996600RGB 153 102 0
HTML#996633RGB 153 102 51
HTML#996666RGB 153 102 102
HTML#996699RGB 153 102 153
HTML#9966CCRGB 153 102 204
HTML#9966FFRGB 153 102 255
HTML#999900RGB 153 153 0
HTML#999933RGB 153 153 51
HTML#999966RGB 153 153 102
HTML#999999RGB 153 153 153
HTML#9999CCRGB 153 153 204
HTML#9999FFRGB 153 153 255
HTML#99CC00RGB 153 204 0
HTML#99CC33RGB 153 204 51
HTML#99CC66RGB 153 204 102
HTML#99CC99RGB 153 204 153
HTML#99CCCCRGB 153 204 204
HTML#99CCFFRGB 153 204 255
HTML#99FF00RGB 153 255 0
HTML#99FF33RGB 153 255 51
HTML#99FF66RGB 153 255 102
HTML#99FF99RGB 153 255 153
HTML#99FFCCRGB 153 255 204
HTML#99FFFFRGB 153 255 255
HTML#CC0000RGB 204 0 0
HTML#CC0033RGB 204 0 51
HTML#CC0066RGB 204 0 102
HTML#CC0099RGB 204 0 153
HTML#CC00CCRGB 204 0 204
HTML#CC00FFRGB 204 0 255
HTML#CC3300RGB 204 51 0
HTML#CC3333RGB 204 51 51
HTML#CC3366RGB 204 51 102
HTML#CC3399RGB 204 51 153
HTML#CC33CCRGB 204 51 204
HTML#CC33FFRGB 204 51 255
HTML#CC6600RGB 204 102 0
HTML#CC6633RGB 204 102 51
HTML#CC6666RGB 204 102 102
HTML#CC6699RGB 204 102 153
HTML#CC66CCRGB 204 102 204
HTML#CC66FFRGB 204 102 255
HTML#CC9900RGB 204 153 0
HTML#CC9933RGB 204 153 51
HTML#CC9966RGB 204 153 102
HTML#CC9999RGB 204 153 153
HTML#CC99CCRGB 204 153 204
HTML#CC99FFRGB 204 153 255
HTML#CCCC00RGB 204 204 0
HTML#CCCC33RGB 204 204 51
HTML#CCCC66RGB 204 204 102
HTML#CCCC99RGB 204 204 153
HTML#CCCCCCRGB 204 204 204
HTML#CCCCFFRGB 204 204 255
HTML#CCFF00RGB 204 255 0
HTML#CCFF33RGB 204 255 51
HTML#CCFF66RGB 204 255 102
HTML#CCFF99RGB 204 255 153
HTML#CCFFCCRGB 204 255 204
HTML#CCFFFFRGB 204 255 255
HTML#FF0000RGB 255 0 0
HTML#FF0033RGB 255 0 51
HTML#FF0066RGB 255 0 102
HTML#FF0099RGB 255 0 153
HTML#FF00CCRGB 255 0 204
HTML#FF00FFRGB 255 0 255
HTML#FF3300RGB 255 51 0
HTML#FF3333RGB 255 51 51
HTML#FF3366RGB 255 51 102
HTML#FF3399RGB 255 51 153
HTML#FF33CCRGB 255 51 204
HTML#FF33FFRGB 255 51 255
HTML#FF6600RGB 255 102 0
HTML#FF6633RGB 255 102 51
HTML#FF6666RGB 255 102 102
HTML#FF6699RGB 255 102 153
HTML#FF66CCRGB 255 102 204
HTML#FF66FFRGB 255 102 255
HTML#FF9900RGB 255 153 0
HTML#FF9933RGB 255 153 51
HTML#FF9966RGB 255 153 102
HTML#FF9999RGB 255 153 153
HTML#FF99CCRGB 255 153 204
HTML#FF99FFRGB 255 153 255
HTML#FFCC00RGB 255 204 0
HTML#FFCC33RGB 255 204 51
HTML#FFCC66RGB 255 204 102
HTML#FFCC99RGB 255 204 153
HTML#FFCCCCRGB 255 204 204
HTML#FFCCFFRGB 255 204 255
HTML#FFFF00RGB 255 255 0
HTML#FFFF33RGB 255 255 51
HTML#FFFF66RGB 255 255 102
HTML#FFFF99RGB 255 255 153
HTML#FFFFCCRGB 255 255 204
HTML#FFFFFFRGB 255 255 255
216网页安全色是根据当前计算机设备的情况通过无数次反复分析论证得到的结果,这对于一个网页设计师来说是必备的常识,且利用它可以调配出更安全、更出色的网页配色方案。