CSS颜色

CSS RGB(A) 颜色

RGB颜色是我们最常使用的.它可以表现出16777216种颜色.

RGBA表示方式(CSS3特有):目前还不被多数浏览器支持.

示例

/* 不透明度为1 */
color:rgba(100%,0%,0%,1);

RGBA是在RGB的基础上增加了alpha通道

RGBA是什么?

• R代表红(red)
• G代表绿(green)
• B代表蓝(blue)
• A代表不透明度(alpha)的缩写

CSS HSL(A) 颜色

HSL(hue-saturation-lightness)表示方法(CSS3特有):目前还不被多数浏览器支持

示例

/* red */
color:hsl(0, 100%, 50%);

说明:

• hue取值为[0,360],0,360都为红色,120为绿色,240为蓝色
• saturation与lightness取值为[0%,100%]

HSLA表示方式(CSS3特有):目前还不被多数浏览器支持

示例

/* 不透明度为1 */
color:hsla(120, 100%, 50%, 1);

HSLA是在HSL的基础上增加了alpha通道

短16进制颜色与web安全色

短16进制颜色可以表现出256种颜色.

从00,33,66,99,cc和ff(RGB值分别为0,51,102,153,204和255)中任选三个组成的六位十六进制数都代表一种Web安全色.

最初的计算机(8位计算机)上只能定义256种颜色,所以当时Windows和Macintosh运行于256色,在Netscape Navigator和Microsoft Internet Explorer上共有的颜色就被称为Web安全色.

web安全色可以表现216种颜色.

如果颜色不在这216种颜色的范围内,计算机就有可能在显示颜色的时候产生抖动现象.(抖动就是由于操作系统为了尽可能的表现某种颜色,混合两种颜色而产生的.)

由于web安全色只使用了00,33,66,99,cc,ff,所以我们可以使用短16进制颜色表示web安全色,0,3,6,9,c,f和长16进制可以使用的颜色数值是等价的.

但是现在大多数常用的操作系统显示的颜色数已经远远大于256种,一些手持设备,终端设备等甚至也能表现出数量惊人的颜色.

所以web安全色已经成为历史了:).