第四章 值和单位 之 WEB安全色

前言

第四章主要讲了网页开发中的 长度单位以及表示颜色的值,重点应该关注的是em和px的区别,但是感觉熟知这个知识点已经很久了,所以姑且先不去梳理,倒是这章提到的WEB安全色有点吸引眼球,很久以前就见过这个概念,一直没去搞懂,所以今天就来粗浅的研究研究!

一.什么是WEB安全色

所谓"WEB安全"颜色是指,在256色计算机系统上总能避免抖动的颜色。

WEB安全色可以表示为RGB值的20% ,51的倍数(十六进制表示为33)。

采用十六进制记法,使用值00,33,66,99,CC,FF 的三元组都认为是WEB安全的!

 概念说的很清楚,采用十六进制表示颜色时,由00,33,66,99,CC,FF中的任意3个元素组成的颜色都是WEB安全,使用RGB表示时,转换成对应的 十机制 或 相对于 255的百分比即可。

二.存在WEB安全色的原因

   WEB安全色的"安全"和网页的 安全、免授恶意攻击 并没有半毛钱关系,这里的”安全“二字是指,某个颜色在页面上显示的效果是稳定的,一致的,基本 不受操作系统或客户端代理的不同而导致效果的不同!

   不同的平台(Mac、PC等)有不同的调色板,不同的浏览器也有自己的调色板。这就意味着对于一幅图,显示在Mac上的Web浏览器中的图像,与它在PC上相同浏览器中显示的效果可能差别很大。

     选择特定的颜色时,浏览器会尽量使用本身所用的调色板中最接近的颜色。如果浏览器中没有所选的颜色,就会通过抖动或者混合自身的颜色来尝试重新产生该颜色。

  WEB安全色产生的原因正是为了解决同一颜色在不同平台绘制时产生的差异,通过00、33、66、99、CC和FF组成的颜色在所有浏览器中都能找到类似的颜色,因此这些颜色可以”安全“的应用于所有的Web应用中,而不需担心不同应用程序之间的产生色彩差异!

    WEB 安全色 有 28 - 40  = 216 种(也可以这么算 6*6*6),减去的那40种,是因为那40种颜色在Macintosh和Windows里显示的效果不一样,所以作为系统的保留颜色,而不作为安全色。

    可以在这里看看216种web 安全色:http://www.bootcss.com/p/websafecolors/

三.使用场景和必要

    WEB安全色的概念挺好的,解决不同平台上的差异,但是这似乎也限制了开发人员所能使用的色彩的总数。在网上查询呢下大家的看法,支持使用WEB安全色 和 认为可以忽略 的人都挺多的。

    认为可以忽略的原因是:

  • 现在大多数常用的操作系统显示的颜色数已经远远大于256种,可以不必局限在网页安全色的范围内

    认为有必要的原因是:

  •  并不是所有的操作系统都能显示大于256种的颜色。
  • 不同的显示器在颜色的显示上还存在偏差,也可能是不同的显示器的颜色校准没有做好,也可能收观看角度、光环境的影响等等
  • 应该避免一切的不安全因素,打造更加专业的产品

  在使用上还是见人见智,还是得考虑实际的应用场景,毕竟每个企业对产品的要求和层次都不一样;

  在我个人看到,还是偏向于 使用WEB安全色,否则 WEB安全色的存在就没必要了,毕竟还存在一些 非主流的少数派,而尽量的遵循规则会减少很多麻烦!在将来几乎不存在这样的差异的时候再摒弃那些规则也不迟!

参考文献:

http://www.cnblogs.com/cocowool/archive/2012/12/15/2819910.html

http://baike.baidu.com/view/1529041.htm

原文地址:https://www.cnblogs.com/alanzhang906536936/p/5004928.html