开发手册 欢迎您!
软件开发者资料库

LESS- 颜色定义函数

LESS颜色定义函数 - 从简单和简单的步骤开始,从简单和简单的步骤中学习一些示例,包括概述,安装,嵌套规则,嵌套指令和冒泡,操作,转义,函数,命名空间和访问器,范围,注释,导入,变量,Extend,Mixins,Parametric Mixins,Mixins作为函数,将规则集传递给Mixins,导入指令,导入选项,Mixin Guards,CSS Guards,循环,合并,父选择器,其他函数,字符串函数,列表函数,数学函数,类型函数,颜色定义功能,颜色通道功能,颜色操作,颜色混合功能,命令行使用,在浏览器中使用较少,浏览器支持,插件,编程使用,在线编译器,GUI,编辑器和插件,第三方编译器,框架。

描述

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)