分享

网页安全色剩下22种颜色还安全-网页配色-逆云网

 SunShineJia 2009-10-26

在216色的网页安全颜色建立之初,当时的大多数电脑显示器只能显示256种颜色,大部分显示方式是8位元的,软件专家琳达·魏蔓设计了一种216个颜色的调色板,为每种原色配备6种色调(6 × 6 × 6 = 216),称为安全颜色。
但是在更换16位元显示后,David Lehn和Hadley Stern发现,216安全色中只有22种颜色是真正安全的,可以不会在更换显示器后出现不协调的畸变。但如今的计算机发展,从256、16、24,直到现在32位色彩的显示器占据了93.5%(此数据来自5个日IP几十万至近百万的网站访问者屏幕颜色统计)网民的电脑桌。如今,网页安全色到底还能不能发挥出作用呢?

自显示器都已经使用24位元真彩色方式,就已经超出了安全颜色的范围。不过我们不用担心,安全色是基于十六进制的数字表现方法。在HTML(XHTML)和CSS中使用3字节 共6个十六进制数字表示一种颜色,每字节从00到FF,相当十进位数字从0到255,按顺序前两位是红色的值,中间两位是绿色的值,最后两位是蓝色的值。

由于网页(Web Page)是基于计算机浏览器开发的媒体,所以颜色以光学颜色RGB(红、 绿、蓝)为主。 网页颜色是以16进制代码表示,一般以“#”号开头,后面分别为R、G、B的16位进制数。 FF为最大数,代表十进制255。比如白色是R、G、B三个颜色最大,在网页代码便是:#FFFFFF。黑色是三个颜色为0,在网页代码便 是:#000000。当颜色代码为#XXYYZZ时,可以用#XYZ表示,如#135与#113355表示同样的颜色。

例如一种颜色在十进位中红、绿、蓝的比例分别是36、104、160(), 在十六进位制中则分别为24、68、A0,所以十六进位制数字表示方法就为:2468A0,如果数字小于16,在十六进位中就会小于10,前面就要加0, 如在十进位中分别为0、1、2,在十六进位制数字表示方法中就为:000102,所以可以表示的颜色数总共有:256×256×256 = 16,777,216。24位元的显示器便拥有这么多颜色,32位色它其实也是1677多万色,不过它增加了256阶颜色的灰度,为了方便称呼,就规定它为32位色。少量显卡能达到36位色,它是24位发色数再加512阶颜色灰度。

知道了这些,就明了了,安全色仍然在起作用。从24位色之后并没有本质的改变,但是留给我们设计师的,只有22种颜色是“真正安全”的了……。

下表列出所有216种安全颜色,其中加下划线的为“真正安全”的颜色:

网页安全色列表
000 300 600 900 C00 F00 003 303 603 903 C03 F03
006 306 606 906 C06 F06 009 309 609 909 C09 F09
00C 30C 60C 90C C0C F0C 00F 30F 60F 90F C0F F0F
030 330 630 930 C30 F30 033 333 633 933 C33 F33
036 336 636 936 C36 F36 039 339 639 939 C39 F39
03C 33C 63C 93C C3C F3C 03F 33F 63F 93F C3F F3F
060 360 660 960 C60 F60 063 363 663 963 C63 F63
066 366 666 966 C66 F66 069 369 669 969 C69 F69
06C 36C 66C 96C C6C F6C 06F 36F 66F 96F C6F F6F
090 390 690 990 C90 F90 093 393 693 993 C93 F93
096 396 696 996 C96 F96 099 399 699 999 C99 F99
09C 39C 69C 99C C9C F9C 09F 39F 69F 99F C9F F9F
0C0 3C0 6C0 9C0 CC0 FC0 0C3 3C3 6C3 9C3 CC3 FC3
0C6 3C6 6C6 9C6 CC6 FC6 0C9 3C9 6C9 9C9 CC9 FC9
0CC 3CC 6CC 9CC CCC FCC 0CF 3CF 6CF 9CF CCF FCF
0F0 3F0 6F0 9F0 CF0 FF0 0F3 3F3 6F3 9F3 CF3 FF3
0F6 3F6 6F6 9F6 CF6 FF6 0F9 3F9 6F9 9F9 CF9 FF9
0FC 3FC 6FC 9FC CFC FFC 0FF 3FF 6FF 9FF CFF FFF

我觉得网页设计师不像广告设计师,不需要过分追求颜色精准的显示器,因为工作的产物,最终还是在电脑上给别人看,你根本没有办法控制别人显示器的颜色。即使是同一厂家同一天生产的显示器,你打开后排成列看同一张图片,也会发现它们的颜色仍然是有区别的,有的甚至区别很大。这是很无奈的,除非你肯只用22种安全色的颜色搭配来设计你的网站。但是我认为在绝大多数情况下,仅仅为了保持统一严谨而采用安全色,肯定是得不偿失的。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多