CSS3颜色特性

1.网页中的色彩特性

1.1 在web网页上，显示器中看到的色彩会随着显示器环境变化而变化，特别是在web页面这个特殊环境之下。

1.1.1 网页色彩的表现原理
web安全颜色有256种，具体指8位颜色的表现能力，随着科技的发展，颜色有了16位，32位。如果用两台品牌型号都一样的显示器，分别调16位和32位颜色，就能看出在网页上颜色区别。

在web页面的设计中，颜色主要用16进制表示法。

1.1.2 web页面的安全色
不同平台（MAC,PC)有不同的调色板，不同浏览器也有自己的调色板，这就意味着不同环境下web页面的颜色差异。
为了解决调色板问题，人们通过了一组在所有浏览器中都类似的Web安全颜色，这些颜色都使用了一种颜色模型，在这个模型中，可以使用相应的16进制值00、33、66、99、CC、FF来表达三原色（RGB)中的每一种。

2.CSS3透明属性

2.1 opacity属性语法及参数

opacity: alphavalue || inherit

alphavalue: 默认0，取值范围0~1，不可以是负值，取值0时完全透明不可见，取值1元素是完全不透明的。
inherit:表示继承父元素的opacity值，即继承父元素的不透明性。

2.2 alpha通道和opacity属性的区别

颜色的透明度可以分为alpha和opacity两种。opacity是CSS3中专门用来设置透明度的一个属性。而alpha通道是用来对原色设置透明度，针对元素的背景色、文字颜色、边框颜色设置透明度、而opacity却只能给整个元素设置一个透明度，并且其透明度会继承给后代元素。transparent 属性值也可以给元素设置完全透明颜色。

3.CSS3颜色模式

在CSS2.1的基础上CSS3新增了RGBA、HSL、HSLA，本文只说常用的RGBA。
RGBA是在RGB的基础上新增了alpha通道，用来设置颜色的透明度。