web安全色

web安全色产生的原因

不同的平台（Mac、PC等）有不同的调色板，不同的浏览器也有自己的调色板。这就意味着对于一幅图，显示在Mac上的Web浏览器中的图像，与它在PC上相同浏览器中显示的效果可能差别很大。选择特定的颜色时，浏览器会尽量使用[2]本身所用的调色板中最接近的颜色。如果浏览器中没有所选的颜色，就会通过抖动或者混合自身的颜色来尝试重新产生该颜色。

以前，很多电脑显示器最多支持256色，因此出现了216种Web安全颜色，以保证网页的颜色能够正确显示。这些安全色能够在任何显示器上显示一样的颜色，不会有任何抖动现象发生。之所以不是256种Web安全颜色，这个是因为当时无法再找到40种更多的符合稳定（Solid）标准的颜色。

css指定颜色的方式

有四种方式：

1. 使用十六进制方式，取值范围 #000000 ~ #FFFFFF （黑色到白色）。当颜色值为 #cc3300 时，也可以使用 #c30 这种简化的方式来表示。
2. RGB颜色表示法：RGB（x,y,z）。x、y、z是0 ～ 255之间的整数。
3. RGB百分比颜色表示法：RGB（x,y,z）。x、y、z是 0% ~ 100% 之间的数值。
4. 使用Windows关键字，共有十六种(aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow)。

216种安全色颜色列表（16进制）

 

它们是00 33 66 99 cc ff的组合，同一行的颜色过渡自然，是相近色，同一行的前四位相同

 

柔和色有64个，是66 99 cc ff的组合，如#669966  #669999 #6699cc #6699ff

 

绿蓝色有36个，范围为#00----  

 

红蓝色有36个，范围为#--00--   

 

红绿色有36个，范围为#----00

 

茶色系有64个，是33 66 99 cc的组合，如#336633 #336666 #336699 #3366cc

 

现代显示器和浏览器上是否存在安全色问题？

对于目前大部分的显示器来说，都可以支持数以百万计的颜色。所以在一般的网页设计和制作中，可以不必局限在网页安全色的范围内。但是，对于页面中的主要文字区域或者背景的颜色，我们最好要选用网页安全色，避免发生悲剧。