LESS- 颜色定义函数

描述

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

Sr .No.功能&说明示例
1

rgb

它会根据红色,绿色和蓝色值创建颜色.它有以下参数 :

  • red : 它包含0到255之间的整数或0到100%之间的百分比.

  • 绿色 : 它包含0到255之间的整数或0到100%之间的百分比.

  • 蓝色 : 它包含0到255之间的整数或0到100%之间的百分比.

rgb(220,20,60)

it转换颜色为rgb值为 :

#dc143c
2

rgba

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

  • red : 它包含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)
3

argb

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

  • 颜色 : 它指定颜色对象.

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

它返回argb颜色为 :

#80b0171f
4

hsl

它从色调,饱和度和亮度值生成颜色.它有以下参数 :

  • hue : 它包含0到360之间的整数,代表度数.

  • 饱和度 : 它包含介于0  -  1之间的数字或介于0  -  100%之间的百分比.

  • 亮度 : 它包含介于0  -  1之间的数字或介于0  -  100%之间的百分比.

hsl(120,100%,50%)

it使用HSL值返回颜色对象为 :

#00ff00
5

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);
6

hsv

它从色调,饱和度和值值生成颜色.它包含以下参数 :

  • hue : 它包含0到360之间的整数,代表度数.

  • 饱和度 : 它包含介于0  -  1之间的数字或介于0  -  100%之间的百分比.

  • : 它包含介于0  -  1之间的数字或介于0  -  100%之间的百分比.

hsv(80,90%,70%)

它将hsv值转换为的颜色对象;

#7db312
7

hsva

它从色调,饱和度,值和alpha值生成颜色.它使用以下参数 :

  • hue : 它包含0到360之间的整数,代表度数.

  • 饱和度 : 它包含介于0  -  1之间的数字或介于0  -  100%之间的百分比.

  • : 它包含介于0  -  1之间的数字或介于0  -  100%之间的百分比.

  • alpha : 它包含介于0  -  1之间的数字或介于0  -  100%之间的百分比.

hsva(80,90%,70%,0.6)

它指定颜色对象,其hsva值为 :

rgba(125,179,18,0.6)