运营

WEB安全色

叶九秋 · 4月30日 · 2019年

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

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

仅供了解,不必在意web安全色的问题。

产生

为了解决Web调色板的问题,人们一致通过了一组在所有浏览器中都类似的Web安全颜色。

这些颜色使用了一种颜色模型,在该模型中,可以用相应的16制进制值00、33、66、99、CC和FF来表达三原色(RGB)中的每一种。这种基本的Web调色板将作为所有的Web浏览器和平台的标准,它包括了这些16进制值的组合结果。这就意味着,我们潜在的输出结果包括6种红色调、6种绿色调、6种蓝色调。6*6*6的结果就给出了216种特定的颜色,这些颜色就可以安全的应用于所有的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

工具

后记

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

本文最后更新于2020年9月4日,已超过 30天 没有更新,涉及的内容有可能已经失效,如发现有错误之处请联系九秋微信:17625855694,说明具体情况!