CSS颜色表示的几种方式

在CSS中颜色有很多表示方式，今天列出一些常见的颜色表示方式及它们的用法。

 

①color:blue; 

第一种，调用颜色属性，将颜色的英文输入在冒号后，以分号结束。

这种方法直接了当，但是能表示的颜色的种类很少。

 

②color:#000000; 

第二种，‘#’号开头，每位数字可为：0、1、2、3、4、5、6、7、8、

9、a、b、c、d、e、f。前1，2位表示红色，3，4位表示绿色，5，6

位表示蓝色。与RGB颜色表示法的思路类似，用红绿蓝三原色组合为

各种颜色，种类繁多。

 

③color:rgb(0,0,0);

第三种，RGB表示法。有两种值：数值，所有值都是0—255；百分值

，所有值为0%—100%。他们的共同特点是第一个值表示红色，第二个

值表示绿色，第三个值表示蓝色。通过组合，能够表示各种颜色。

 

④color:rgba(0,0,0,0.5);

第四种，RGBA表示法。它是RGB表示法的升级版,新添了透明属性。

前三个属性值和RGB表示法相同，第四个属性值的值域为0——1可

以精确到小数点后两位。

 

⑤color:hsl（0，100%，100%）；

第五种，HSL表示法。它的含义：H表示色调，该值的值域为0——

360，0和360表示红色，120表示绿色，240表示蓝色。S表示饱和度

，值域为0%——100%。L表示亮度，值域为0%——100%。

 

⑥color:hsla(0,100%,100%,0.5);

第六种，HSLA表示法。是HSL表示法的加强版，增加了透明度的属性

值，值域为０—１。