css颜色属性

css颜色属性

格式

color: red;
color: rgb(255,0,0);
color: rgba(255,0,0,1);
color: #FF0000;
color: #F00;

五种形式表示的都是同一种颜色：红色

取值

1.英文单词：常用颜色可以用单词表示

2.rgb：我们显示屏可以分为许多小格子，每个格子就是1px(像素),每个像素的颜色都是由红绿蓝三种颜色组合而成，三原色表示法rgb 三种颜色的缩写

格式 ： rgb( , , ) 参数分别是红色 ，绿色， 蓝色的亮度，每个数值0~255取值，0时不发光，255最亮。

​ 红色： rgb(255,0,0);

​ 绿色： rgb(0,255,0);

​ 蓝色： rgb(0,0,255);

​ 黑色：rgb(0,0,0);

​ 白色: rgb(255,255,255);

三个值都一样就是灰色，值越大越偏白，越小越偏黑。

3.rgba： 也是三原色表示法，不过多了一个a，a表示透明度，取值0~1，当他的值为1,完全看得到，0完全看不到。

4.十六进制：其实十六进制本质也是在用rgb表示方式，#FF0000代表红色，FF代表rgb函数中第一位参数值，后边0000两个一组分别表示第二，第三个参数的值。

5.十六进制缩写：如果十六进制颜色，每两位值都相同，就可以简写只写一个。 #FFCCDD等价于#FCD.

css属性