一、css颜色表示

css中,常用的颜色表示方式有三种:

1、颜色名称

如red,green,blue,black,white等。

2、十六进制:

用六位16进制数表示RGB颜色,其中前两位表示红色R,中间两位表示绿色G,最后两位表示蓝色B,每两位的取值范围都是00-FF(也就是10进制的0-255,这个也就是RGB中R,G,B的取值范围)。然后我们可以很容易的知道红绿蓝三原色的16进制表示:即它们的本位取最大值(FF),其它位取最小值(00)。于是

#FF0000 红色
#00FF00 绿色
#0000FF 蓝色

然后比较特殊的还有黑色和白色:#000000黑色 ,#FFFFFF白色

3、RGB三原色

使用RGB函数表示,例如白色rgb(255,255,255),黑色rgb(0,0,0)。
css中三原色函数出RGB()外,还有RGBa(),这儿的a代表alpha透明度。如

.alert{
   background-color:rgba(0,0,0,0.8);
}

前三个数字表示颜色的红,绿和蓝值,最后一个表示透明度。在这儿警告框是黑色的,透明度是0.8

二、css颜色缩写规则

css颜色的十六进制缩写规则:

形如 #112233 #11DDEE 的形式可以缩写为 #123 #1DE。
因此也可这样表示红绿蓝:

#F00 红色
#0F0 绿色
#00F 蓝色

然后同样使用此规则:白色是#FFF 黑色是#000

RGB颜色对照表:
RGB颜色对照表
//===============================================


Tags: . 1,576 人浏览
首页

No Comments Now!

Be the first to comment on this entry.

留下评论

名称(必需)
Mail (必需),(will not be published)
网站(recommended)