。
函数 | 说明 | 示例 |
rgb: (red, green, blue) | rgb根据红色,绿色和蓝色值创建颜色。它支持三个参数。 red: 包含0到255之间的整数或0到100%之间的百分比。 green: 包含0到255之间的整数或0到100%之间的百分比。 blue: 它包含0到255之间的整数或0到100%之间的百分比。 td>
|
rgb(220,20,60): 它将具有rgb值的颜色转换为: #dc143c |
rgba: (red,green, green, alpha) | rgba: rgba用于根据红色,绿色,蓝色和alpha值确定颜色。它具有以下参数: red: 包含0到255之间的整数或0到100%之间的百分比。 green: 包含0到255之间的整数或0到100%之间的百分比。 green: 包含0到255之间的整数或0到100%之间的百分比。 alpha: 包含0到1之间的数字或0到100%之间的百分比。 > |
rgba(220,20,60,0.5): 它将具有rgba值的颜色对象转换为: rgba(220,20,60,0.5) |
argb: (color) | argb: 用于定义#aarrggbb格式的颜色的十六进制表示。它使用以下参数: color: 指定颜色对象。 |
argb(rgba(176,23,31,0.5)): 返回argb颜色为: #80b0171f |
hsl: (hue, saturation,lightness) | hsl: 用于从色相,饱和度和亮度值生成颜色。它具有以下参数: hsl: 它包含0到360之间的整数,代表度。 hue: 包含0到1之间的数字或0到100%之间的百分比。 saturation: 包含0到1之间的数字或0到100%之间的百分比。
|
hsl(120,100%,50%): 它使用以下hsl值返回颜色对象: #00ff00 |
hsla: (hue, saturation, lightness, alpha) | hsla: 用于从色相,饱和度,明度和alpha值生成颜色。它具有以下参数: hsla: 它包含0到360之间的整数,代表度。 hue: 包含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); |
hsv: (hue, saturation, value) | hsv: 用于从色相,饱和度和值值产生颜色。它包含以下参数: hsla: 它包含0到360之间的整数,代表度。 hue: 包含0到1之间的数字或0到100%之间的百分比。 value: 包含0到1之间的数字或0到100%之间的百分比。
|
hsv(80,90%,70%): 它将具有hsv值的颜色对象转换为: #7db312 |
hsva: (hue, saturation, value, alpha) | hsva: 用于从色相,饱和度,值和Alpha值产生颜色。它使用以下参数: hsva: 它包含0到360之间的整数,代表度。 hue: 包含0到1之间的数字或0到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) |