1 |
rgb
它根据红色,绿色和蓝色值创建颜色。 它具有以下参数-
- red -包含0到255之间的整数或0到100%之间的百分比。
- green -它包含0到255之间的整数或0到100%之间的百分比。
- blue -它包含0到255之间的整数或0到100%之间的百分比。
|
rgb(220,20,60)
它使用rgb值将颜色转换为-
#dc143c
|
2 |
rgba
它根据红色,绿色,蓝色和Alpha值确定颜色。 它具有以下参数-
- red -包含0到255之间的整数或0到100%之间的百分比。
- green -它包含0到255之间的整数或0到100%之间的百分比。
- blue -它包含0到255之间的整数或0到100%之间的百分比。
- alpha -它包含0到1之间的数字或0到100%之间的百分比。
|
rgba(220,20,60, 0.5)
它将具有rgba值的颜色对象转换为-
rgba(220,20,60, 0.5)
|
3 |
argb
它以#AARRGGBB格式定义颜色的十六进制表示。 它使用以下参数-
|
argb(rgba(176,23,31,0.5))
它返回argb颜色为-
#80b0171f
|
4 |
hsl
它从色相,饱和度和亮度值生成颜色。 它具有以下参数:
- hue -它包含0到360之间的整数,代表度。
- saturation -它包含0到1之间的数字或0到100%之间的百分比。
- lightness -它包含0到1之间的数字或0到100%之间的百分比。
|
hsl(120,100%, 50%)
它使用HSL值返回颜色对象为-
#00ff00
|
5 |
hsla
它根据色相,饱和度,亮度和Alpha值生成颜色。 它具有以下参数-
- hue -它包含0到360之间的整数,代表度。
- saturation -它包含0到1之间的数字或0到100%之间的百分比。
- lightness -它包含0到1之间的数字或0到100%之间的百分比。
- alpha -它包含0到1之间的数字或0到100%之间的百分比。
|
hsla(0,100%,50%,0.5)
它使用HSLA值将颜色对象指定为-
rgba(255, 0, 0, 0.5);
|
6 |
hsv
它根据色相,饱和度和值产生颜色。 它包含以下参数-
- hue -它包含0到360之间的整数,代表度。
- saturation -它包含0到1之间的数字或0到100%之间的百分比。
- value -它包含0到1之间的数字或0到100%之间的百分比。
|
hsv(80,90%,70%)
它将具有hsv值的颜色对象转换为-
#7db312
|
7 |
hsva
它从色相,饱和度,值和Alpha值产生颜色。 它使用以下参数-
- hue -它包含0到360之间的整数,代表度。
- saturation -它包含0到1之间的数字或0到100%之间的百分比。
- value -它包含0到1之间的数字或0到100%之间的百分比。
- alpha -它包含0到1之间的数字或0到100%之间的百分比。
|
hsva(80,90%,70%,0.6)
它使用hsva值将颜色对象指定为-
rgba(125, 179, 18, 0.6)
|