JSRUN 用代码说话

颜色定义函数

编辑教程

颜色定义函数

LESS中的颜色定义函数使定义和操作颜色变得超级简单,使用颜色函数可以帮助你控制颜色、更好地配色。

LESS提供了许多有用的颜色函数,以不同的方式改变和操作颜色。 LESS支持一些颜色定义功能,如下表所示:

rgb

它创建从红色,绿色和蓝色值的颜色。 它有以下参数:

红色 包含介于0 - 255之间的整数或介于0 - 100%之间的百分比。
绿色 它包含介于0 - 255之间的整数或介于0 - 100%之间的百分比。
蓝色 包含介于0 - 255之间的整数或介于0 - 100%之间的百分比。
 rgb(220,20,60)

它使用rgb值将颜色转换为:

#dc143c

rgba

它根据红色、绿色、蓝色和alpha值确定颜色。它有以下参数:

红色 包含介于0 - 255之间的整数或介于0 - 100%之间的百分比。
绿色 它包含介于0 - 255之间的整数或介于0 - 100%之间的百分比。
蓝色 包含介于0 - 255之间的整数或介于0 - 100%之间的百分比。
alpha 它包含0到1之间的数字或0到100%之间的百分比。
 rgba(220,20,60,0.5)

它使用rgba值将颜色对象转换为:

 rgba(220,20,60,0.5)

argb

它以#AARRGGBB格式定义颜色的十六进制表示。它使用以下参数:

color :它指定颜色对象。

argb(rgba(176,23,31,0.5))

它返回argb颜色为:

#80b0171f

hsl

它根据色调、饱和度和亮度值生成颜色。它有以下参数:

hue 它包含介于0 - 360之间的整数,表示度数。
饱和度 它包含介于0 - 1之间的数字或介于0 - 100%之间的百分比。
亮度 它包含介于0 - 1之间的数字或介于0 - 100%之间的百分比。
 hsl(120,100%,50%)

它使用HSL值返回颜色对象:

#00ff00

hsla

它根据色调、饱和度、亮度和alpha值生成颜色。它有以下参数:

hue 它包含介于0 - 360之间的整数,表示度数。
饱和度 它包含介于0 - 1之间的数字或介于0 - 100%之间的百分比。
亮度 它包含介于0 - 1之间的数字或介于0 - 100%之间的百分比。
alpha 它包含0到1之间的数字或0到100%之间的百分比。
hsla(0,100%,50%,0.5)

它使用HSLA值将颜色对象指定为:

 rgba(255,0,0,0.5);

hsv

它根据色调、饱和度和值生成颜色。它包含以下参数:

hue 它包含介于0 - 360之间的整数,表示度数。
饱和度 它包含介于0 - 1之间的数字或介于0 - 100%之间的百分比。
value 它包含介于0 - 1之间的数字或介于0 - 100%之间的百分比。
hsv(80,90%,70%)

它将具有hsv值的颜色对象转换为:

#7db312

hsva

它从色调、饱和度、值和alpha值生成颜色。它使用以下参数

hue 它包含介于0 - 360之间的整数,表示度数。
饱和度 它包含介于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)
JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。 大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
支付宝
9.99
无法付款,请点击这里
金额: 0
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟