颜色的表示方式
第一种:颜色名
编写方式:直接使用颜色对应的英文单词,编写比较简单,例:
1.红色:red,2.绿色:green,3.蓝色:blue,4.紫色:purple
第二种:rgb/rgba
编写方式:使用,红,黄,蓝,这三种光的三原色进行组合
r 代表红色,g 代表绿色,b 代表蓝色,a 代表透明度
例:
小实操:
小规律:
1.若三种颜色值相同,呈现的是灰色,值越大,灰色越浅
2.rgb(0,0,0)是黑色,rgb(255,255,255)是白色
3.对于 rgba 来说,前三位的 rgb 形式要保持一致,要么都是0~255的数字,要么都是百分比
第三种:HEX/HEXA
HEX 的原理同与 rgb 一样,依然是通过:红,绿,蓝,来进行组合,只不过要用六位 分成三组
来表达
格式为:#rr gg bb
图:
注:IE浏览器不支持HEXA,但支持HEX
第四种:hsl/hsla
hsl 是通过:色相,饱和度,亮度,来表示一个颜色的,格式为:hsl(色相,饱和度,亮度)
色相:取值范围是 0~360度,具体度数对应的颜色如下图:
饱和度:取值范围是 0%~100%,(向色相中对应的颜色中添加灰色,0%全灰色,100%没有灰)
亮度:取值范围是 0%~100%,(0%亮度没了,所以就是黑色,100%亮度太强。所以就是白色)
hsla:其实就是在 hsl 的基础上添加了透明度