首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >web安全色_WEB标准颜色

web安全色_WEB标准颜色

作者头像
全栈程序员站长
发布2022-09-16 17:47:52
发布2022-09-16 17:47:52
1.4K0
举报

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

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

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

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/166747.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • web安全色产生的原因
  • css指定颜色的方式
  • 216种安全色颜色列表(16进制)
  • 现代显示器和浏览器上是否存在安全色问题?
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档