第一种:直接用十六进制代码表示,类似于#02798b,每一位都是由十六进制数字表示,即0123456789abcdef

第二种:用RGB函数或RGBA函数进行表示,rgb函数有三个值,分表代表红色绿色和蓝色通道值,每个值都是由介于0到255之间的十进制数字表示的
rgba函数多了一个参数,用于控制alpha通道的数值,也即前面三个数值产生的颜色的透明度,数值范围为0-1之间

第三种:HSL函数和HSLA函数,差别同上,但前三个数值代表的内容不同,分别代表色调、饱和度、亮度

  • 色调: 颜色的底色。这个值在0和360之间,表示色轮周围的角度。
  • 饱和度: 颜色有多饱和? 它的值为0 - 100%,其中0为无颜色(它将显示为灰色阴影),100%为全色饱和度
  • 亮度:颜色有多亮? 它从0 - 100%中获取一个值,其中0表示没有光(它将完全显示为黑色),100%表示完全亮(它将完全显示为白色)

注意:在现代浏览器中,rgb与rgba,hsl与hsla的表现趋于一致化

Last modification:July 26th, 2021 at 10:46 am
如果觉得我的文章对你有用,请随意赞赏