颜色定义函数
编辑教程颜色定义函数
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)
Mos固件,小电视必刷固件
ES6 教程
Vue.js 教程
JSON 教程
jQuery 教程
HTML 教程
HTML 5 教程
CSS 教程
CSS3 教程
JavaScript 教程
DHTML 教程
JSON在线格式化工具
JS在线运行
JSON解析格式化
jsfiddle中国国内版本
JS代码在线运行
PHP代码在线运行
Java代码在线运行
C语言代码在线运行
C++代码在线运行
Python代码在线运行
Go语言代码在线运行
C#代码在线运行
JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。
大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
选择支付方式:
立即支付
¥
9.99
无法付款,请点击这里
金额: 0 元
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟