表示颜色的几种方法
直接使用颜色对应的单词
red,yellow
使用十六进制表示(#00-FF)
#123456
使用rgb表示
rgb分别表示的是红(red)绿(green)蓝(blue)光的三原色(关于三原色,查看维基百科, 百度百科).
在这里,rgb三种颜色取值范围是0-255(也就是十六进制的00-FF).
rgb(59,12,34)
使用rgba表示
a 表示的是alpha(α,阿尔法),表示透明度.取值范围是0-1
rgba(123,0,255,.5) 最后一个0.5可以简写为.5
使用opacity表示(取值范围0-1)
opacity:.5
注意: 该属性会导致其中的内容也实现半透明的效果,即它被继承了
使用hsl表示
hsl分别表示的是色调,饱和度,亮度
hsl | 含义 | 取值范围 |
---|---|---|
H | 色调 | 0-360 |
S | 饱和度 | 0%-100% |
L | 亮度 | 0%-100% |
hsl(100,23%,50%)
注意: 该方式也可以实现半透明的效果 hsla(100,23%,50%,.5)