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