当前位置: 首页 > 文档资料 > Less 入门教程 >

更颜色定义功能(Color Defination Functions)

优质
小牛编辑
133浏览
2023-12-01

描述 (Description)

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

Sr.No.功能说明
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格式定义颜色的十六进制表示。 它使用以下参数 -

  • color - 它指定颜色对象。

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)