网页设计必备手册 216网页安全色大全

时间:2021-05-08

网页中的颜色呈现会受到各种因素的影响,即使你的网页使用了非常漂亮的配色方案,但是如果每个人浏览的时候看到的效果都不相同,那么你的配色理念就不能够非常好地传达给浏览者。使用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网页安全色是根据当前计算机设备的情况通过无数次反复分析论证得到的结果,这对于一个网页设计师来说是必备的常识,且利用它可以调配出更安全、更出色的网页配色方案。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章