在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种安全色的颜色搭配来设计你的网站。但是我认为在绝大多数情况下,仅仅为了保持统一严谨而采用安全色,肯定是得不偿失的。
