Less 颜色定义函数2024 年 8 月 29 日 | 阅读 3 分钟 Less 支持大量颜色函数，以不同方式更改和操作颜色。 下表列出了 Less 中支持的颜色定义函数。 | 索引 | 函数 | 描述 | 示例 |
|---|
| 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: (颜色) | argb: 它用于以 #aarrggbb 格式定义颜色的十六进制表示法。它使用以下参数
颜色: 它指定颜色对象。
| 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 ? 100% 之间的百分比。
值: 它包含 0 - 1 之间的数字或 0 - 100% 之间的百分比。
alpha: 它包含 0 - 1 之间的数字或 0 - 100% 之间的百分比。
| hsva(80,90%,70%,0.6): 它使用 hsva 值指定颜色对象：rgba(125, 179, 18, 0.6) |
|
Python
Java
JavaScript
SQL
C
C++
HTML
CSS
React
Node.js
Spring Boot
C#
PHP
MySQL
MongoDB
AI
ML
DSA
DBMS
OS
Aptitude
Reasoning