HTML中的颜色单位：RGB值与HSL值

颜色单位：

　　在css中可以直接使用颜色名来设置各种颜色

　　　　如：red、green、blue......

　　　　但是在css中直接使用颜色名来命名是非常不方便的

　　- RGB值：

　　　　- RGB通过三种颜色（光的三原色）的不同浓度来调配出不同的颜色

　　　　- R red，G green，B blue

　　　　- 每一种颜色订单范围在0 - 255 （0% - 100%）之间

　　　　- 语法：RGB(红色,绿色,蓝色)

　　　　 background-color: rgb(255,205,66); 

　　- RGBA:

　　　　- 就是在rgb的基础上增加了一个a表示不透明度

　　　　- 需要4个值，前三个和rgb一样，第4个表示不透明度

　　　　　　1表示完全不透明    0表示完全透明     .5表示半透明   还有 .3 .2 等

　　　　 background-color: rgba(255,205,66,.5); 

　　- 十六进制的RGB值：

　　　　- 语法：#红色绿色蓝色

　　　　- 颜色浓度同 00-ff 控制

　　　　- 如果颜色两位两位重复可以进行缩写（#aabbcc -->#abc）

　　　　 background-color: #bfa; 

　　- HSL值  HSLA值

　　　　- H 色相（0-360）

　　　　- S 饱和度，颜色的浓度（0%-100%）

　　　　- L 亮度，颜色的亮度（0%-100%）

　　　　 background-color:hsl(5, 90%, 50%)