web安全色的产生和解决的问题
2017-04-09 04:02

什么是web安全色

    在web页面中我们使用背景色,字体颜色可以通过"#aabbcc"十六进制的表示法,或者采用“rgb(128,128,128)”的颜色表示法。这两种表示法的数值范围都是0-255,十六进制的FF=255。所以一共能表示的颜色个数为:256*256*256=167,772,16种颜色。可谓颜色是玲琅满目。

     但是在计算机发展初期,计算机使用8位表示颜色,仅支持256种颜色的时候,微软和苹果一共使用了40中系统固定颜色,导致他们的调色板有差异,连带着浏览器各自的调色板也不尽相同,最终就使得有一些颜色在不同平台不同浏览器中的展现效果差异很大。使用特定的颜色时,浏览器会尽量使用本身所用的调色板中最接近的颜色。如果浏览器中没有所用的颜色,就会通过抖动或者混合自身的颜色来尝试重新产生该颜色。人们为了使同一个页面在不同平台和不同浏览器中的效果一致,一致选取了216种颜色作为web安全色。

    这216种web安全色规定使用16制进制值00、33、66、99、CC和FF来表达三原色中的一种色值。那么RGB每一种就有6种基础色值,一共就有6*6*6=216种颜色。

    这就是web安全色的产生原因和由来,但是随着计算机技术的发展,以及硬件的提升,现在计算机的展现颜色范围有1600万种之多,而且各个平台,显示屏,浏览器显示颜色效果也都一致了。web安全色已经完成了它的历史使命。

我们现在还需要用web安全色吗?

既然计算机的发展已经修复了web安全色需要解决的问题,那么我们现在还需要使用web安全色吗?这个在国内,尤其一些台式机的液晶显示器比较次的情况下,我觉得web安全色有时还是可以采用的。我们公司的电脑上,在设计师的电脑上是一种颜色,但我用同一色值实现的页面展示效果就有很大差异,这个应该是显示器对颜色的处理能力比较差的原因导致的。所以使不使用web安全色,还是要考虑实际情况的,并不是完全的抛弃。

web安全色都是哪些颜色

web安全色的色值以及对应的效果在网上有好多网站提供这样的页面,我觉得bootstap中文站提供的一个链接网站的web安全色用户体验很好。web安全色

如果你需要web安全色,你可以到这里查找对应的web安全色。

web安全色大致长下面这种模样,这是从站长工具的web安全色页面截图网页的一部分。

blob.png

原创文章,转载请注明来自:妹纸前端-www.webfront-js.com.
阅读(3326)
辛苦了,打赏喝个咖啡
微信
支付宝
妹纸前端
妹纸前端工作室 | 文章不断更新中
京ICP备16005385号-1