CSS-颜色

CSS中,颜色属性值主要有七种形式,分别是:1.预定义的颜色名称,如:红、绿、蓝等。
HTML和CSS规范中有140个预设颜色名称。
2.十进制RGB值,格式为rgb(rr,gg,bb),其中rr(红色)、gg(绿色)和bb(蓝色)是0到255之间的十进制值。
3.十进制RGBA值,格式是rgba(rr,gg,bb,alpha),加上透明度(alpha),它是0.0到1.0之间的一个数字,值越低,越透明。
当alpha为小数时,可以缩写。
4.格式为#rrggbb的十六进制HEX值,其中rr(红色)、gg(绿色)和bb(蓝色)是00到ss之间的十六进制值。
5.十六进制HEXA值,格式为#rrggbbaa,添加透明度(alpha),值越低越透明。
当alpha为小数时,可以缩写。
6.色调、饱和度和亮度(HSL)格式,hsl(色调、饱和度、亮度)。
色调是色轮上的度数,从0到360度,其中0为红色,120为绿色,240为蓝色。
饱和度是一个介于0%和100%之间的百分比值,亮度也是如此。
7.色调、饱和度和亮度与透明度(HSLA)格式,即hsla(色调、饱和度、亮度、alpha)。
透明度(alpha)也是0.0到1.0之间的数字,值越低表示透明度越高。
当alpha为小数时,可以缩写。
8.要引用当前颜色,请使用currentcolor关键字来引用元素的color属性的值。

CSS中的几种颜色表示法,如hsla

1.使用颜色名称,如:白色、红色、绿色、黄色、金色等。
2.使用RGB(R,G,B)函数用#FF0000或#F003表示十六进制颜色值(红、绿、蓝)如:RGB(255,255,0)4.HSL(色调使用,饱和度、亮度)代表函数(色相、饱和度、亮度),例如:HSL(120,100%、100%),颜色0代表红色,120代表绿色,240代表蓝色5。
用RGBA(R,G,B,A)函数来表示,A代表颜色透明度的变化,取值范围为0~1,其中0表示完全透明。
6.使用HSLA(Hue、Saturation、Lightness、Alpha)函数来表示色相、饱和度、亮度和透明度