颜色名
- 在css中可以直接使用颜色名设置各种颜色，比如：red、blue、yellow、green等。
- 例：
p {color: white; }
RGB
- RGB通过三种颜色的不同浓度来调配出不同的颜色
- R red，G green，B blue
- 每一种颜色的范围在 0 - 255 （0% - 100%）之间
- 例：
p {color: rgb(255, 255, 255); }
RGBA
- 在RGB的基础上增加了一个A表示不透明度
- RGBA需要四个值，前三个和RGB一样，第四个表示不透明度
- 1表示完全不透明，0表示完全透明，.5表示半透明
- 例：
p {color: rgba(255, 255, 255, 1); }
十六进制的RGB值
- 语法：#红色绿色黄色
- 每一种颜色的范围在 00 - ff 之间
- 如果颜色两位两位的重复，可以进行简写
- 例：
p {color: #fff; }
HSL HSLA
- H 色相 0 - 360
- S 饱和度、颜色的浓度 0% - 100%
- L 亮度 0% - 100%
- A 透明度 0 - 1
- 例：
p {color: hsl(0, 0%, 100%, 1); }
来源：尚硅谷的视频教程
