Less支持大量颜色功能, 以不同方式更改和操纵颜色。
【Less颜色定义函数】下表提供了Less中支持的颜色定义功能的列表。
| Index | Function | Description | Example |
|---|---|---|---|
| 1) | RGB ：(红色, 绿色, 蓝色) | rgb根据红色, 绿色和蓝色值创建颜色。它支持三个参数。红色：包含0到255之间的整数或0到100％之间的百分比。绿色：包含0到255之间的整数或0到100％之间的百分比。蓝色：包含0到255之间的整数或0到100％之间的百分比。 td> | rgb(220, 20, 60)：它将具有rgb值的颜色转换为：＃dc143c |
| 2) | rgba ：(红色, 绿色, 绿色, alpha) | rgba：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) |
| 3) | argb: (color) | argb：用于以#aarrggbb格式定义颜色的十六进制表示。它使用以下参数：color：它指定颜色对象。 | argb(rgba(176, 23, 31, 0.5))：返回argb颜色为：＃80b0171f |
| 4) | hsl ：(色相, 饱和度, < div> 亮度) | hsl：用于从色相, 饱和度和亮度值生成颜色。它具有以下参数：色相：它包含0到360之间的整数, 代表度。饱和度：包含0到1之间的数字或0到100％之间的百分比。亮度：包含0到1之间的数字或0到100％之间的百分比。 | hsl(120, 100％, 50％)：它使用hsl值返回颜色对象, 如：＃00ff00 |
| 5) | hsla ：(色相, 饱和度, 亮度, alpha) | hsla：用于从色相, 饱和度, 亮度和alpha值生成颜色。它具有以下参数：色相：它包含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 ：(色相, 饱和度, 值) | hsv：用于从色相, 饱和度和值值产生颜色。它包含以下参数：色相：它包含0-360之间的整数, 表示度。饱和度：包含0到1之间的数字或0到100％之间的百分比。值：包含0到1之间的数字或0到100％之间的百分比。 | hsv(80, 90％, 70％)：它将具有hsv值的颜色对象转换为：＃7db312 |
| 7) | hsva ：(色相, 饱和度, 值, alpha) | hsva：用于从色相, 饱和度, 值和Alpha值产生颜色。它使用以下参数：色相：它包含0到360之间的整数, 代表度。饱和度：它包含0到1之间的数字或0到0之间的百分比。 100％。值：包含0到1之间的数字或0到100％之间的百分比。 alpha：包含0到1之间的数字或0到100％之间的百分比。 | hsva(80, 90％, 70％, 0.6)：以hsva值指定颜色对象为：rgba(125, 179, 18, 0.6) |
推荐阅读
- Less使用函数
- Less数学函数
- Less list函数
- Less字符串函数
- Less杂项函数
- Less组合explosion父选择器
- Less更改选择器顺序的父选择器
- LESS多重和父选择器
- Less的父选择器