web安全色

来源:互联网 发布:农村淘宝网下载安装 编辑:程序博客网 时间:2024/05/04 22:23

web安全色,就是网页安全色。 名字虽然有安全,但是和网站的安全无关。叫这个名字,是因为这些色彩在不同的显示设备和操作系统上表现基本一致。非安全色换一个OS环境,颜色就可能失真。

因为我们用的各种设备基本都是用RGB模式表示色彩,由R(红)、G(绿)、B(蓝)三原色混合成各种其它颜色。把原色按光强划分若干色阶,再各原色取一个色阶混合得到实际颜色。目前我们的PC把各个基本色彩的色阶划分256阶(00-FF),R、G、B混合可得色彩为256^3=16777216种,即24位真彩色。

但是这24位颜色不是所有的设备都能显示,有些设备只有256色,有些OS最后得到的颜色和Windows不同。其中有216种颜色,在几乎所有的彩色环境都能显示,就是推荐用在设计中的安全色了。

它的来源却是在在256色(8位)老设备时代,那时候选定256种颜色的通常做法是:分RGB为6阶得216种色彩,再另外选择40种色彩凑成256色。216色来自于色阶的6等分,在各厂商的实现中都是一样,其它40种颜色由厂商自己选,所以各设备都不同。

我们现在的256色阶(24位),划分时都包含了以前的216种公共色。把256分6份取16进制,就是(00,33,66,99,CC,FF),现在取216色就是将这六个数字进行任意排列组合。如#0000FF为纯蓝,在web设计中,因为安全色都是双数,我们一般都把6字缩写成3字,这样#0000FF就是#00F。

附录1:
安全色表
div#guoshuangColor2 div {width:13px;height:13px;float:left;margin: 0 1px 1px 0;font-size:1px;}div#popColor div {width:13px;height:13px;float:left;margin: 0 1px 1px 0;font-size:1px;}#colorValue {clear:left;}#colorValue #colorShowWin {float: left;border:solid 1px #333;width:24px;height:24px;margin-right:5px;background-color:#000}

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
颜色值:

 

原创粉丝点击