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进制)

web安全色

 

它们是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

 

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

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

原文链接:https://www.cnblogs.com/xuntu/p/3619180.html

原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/17731

(0)
上一篇 2022年12月11日 14:19
下一篇 2022年12月11日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml