快速入门
概览
变量(Variables)
混入(Mixins)
嵌套(Nesting)
运算(Operations)
转义(Escaping)
函数(Functions)
命名空间和访问符
映射(Maps)
作用域(Scope)
注释(Comments)
导入(Importing)
使用 Less.js
命令行用法
浏览器使用
Less.js选项
预加载插件
程序化使用
API
为 Less.js 做贡献
Less 函数手册
逻辑函数
字符串函数
列表函数
数学函数
类型函数
杂项函数
颜色定义函数
颜色通道函数
颜色操作函数
颜色混合函数
进阶指南
变量
父选择器
继承
合并
Mixins
CSS Guards
分离规则集
@import At-Rules
@plugin At-Rules
Maps (NEW!)
作用域
颜色定义函数 - Less入门文档 - 笔下光年
网站首页
颜色定义函数
### rgb 用十进制红、绿、蓝 (RGB) 数值创建不透明颜色对象。 标准 HTML/CSS 格式的字面颜色值也可用于定义颜色,例如 `#ff0000`。 参数: - `red`: 整数 0-255 或百分比 0-100%。 - `green`: 整数 0-255 或百分比 0-100%。 - `blue`: 整数 0-255 或百分比 0-100%。 返回: `color` 示例: `rgb(90, 129, 32)` 输出: `#5a8120` ### rgba 用十进制红、绿、蓝和alpha(RGBA)值创建透明颜色对象。 参数: - `red`: 整数 0-255 或百分比 0-100%。 - `green`: 整数 0-255 或百分比 0-100%。 - `blue`: 整数 0-255 或百分比 0-100%。 - `alpha`: 数字 0-1 或百分比 0-100%。 返回: `color` 示例: `rgba(90, 129, 32, 0.5)` 输出: `rgba(90, 129, 32, 0.5)` ### argb 以 `#AARRGGBB` 创建颜色的十六进制表示(不是 `#RRGGBBAA`!) 这种格式用于 Internet Explorer、.NET 和 Android 开发。 参数: `color`, 颜色对象。 返回: `string` 示例: `argb(rgba(90, 23, 148, 0.5));` 输出: `#805a1794` ### hsl 根据色相、饱和度和亮度 (HSL) 值创建不透明颜色对象。 参数: - `hue`: 一个 0-360 的整数,代表度数。 - `saturation`: 百分比 0-100% 或数字 0-1。 - `lightness`: 百分比 0-100% 或数字 0-1。 返回: `color` 示例: `hsl(90, 100%, 50%)` 输出: `#80ff00` 如果您想根据另一种颜色的通道创建一种新的颜色,这将非常有用,例如示例: `@new: hsl(hue(@old), 45%, 90%);` `@new` 将具有 `@old` 的色调,以及它自己的饱和度和亮度。 ### hsla 用色相、饱和度、亮度和 Alpha (HSLA) 值创建透明颜色对象。 参数: - `hue`: 一个 0-360 的整数,代表度数。 - `saturation`: 百分比 0-100% 或数字 0-1。 - `lightness`: 百分比 0-100% 或数字 0-1。 - `alpha`: 百分比 0-100% 或数字 0-1。 返回: `color` 示例: `hsla(90, 100%, 50%, 0.5)` 输出: `rgba(128, 255, 0, 0.5)` ### hsv 用色相、饱和度和值(HSV)值创建不透明颜色对象。 请注意,这是 Photoshop 中的一种色彩空间,与 `hsl`不同。 参数: - `hue`: 一个 0-360 的整数,代表度数。 - `saturation`: 百分比 0-100% 或数字 0-1。 - `value`: 百分比 0-100% 或数字 0-1。 返回: `color` 示例: `hsv(90, 100%, 50%)` 输出: `#408000` ### hsva 用色相、饱和度、值和 alpha(HSVA)值创建透明颜色对象。 请注意,这与 Photoshop 中的色彩空间 `hsla` 并不相同。 参数: - `hue`: 一个 0-360 的整数,代表度数。 - `saturation`: 百分比 0-100% 或数字 0-1。 - `value`: 百分比 0-100% 或数字 0-1。 - `alpha`: 百分比 0-100% 或数字 0-1。 返回: `color` 示例: `hsva(90, 100%, 50%, 0.5)` 输出: `rgba(64, 128, 0, 0.5)`
上一篇:
杂项函数
下一篇:
颜色通道函数