快速入门
概览
变量(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入门文档 - 笔下光年
网站首页
颜色通道函数
### hue 提取 HSL 颜色空间中颜色对象的色调通道。 参数: `color` - 颜色对象。 返回: `integer` 0-360 示例: `hue(hsl(90, 100%, 50%))` 输出: `90` ### saturation 提取 HSL 颜色空间中颜色对象的饱和度通道。 参数: `color` - 颜色对象。 返回: `percentage` 0-100 示例: `saturation(hsl(90, 100%, 50%))` 输出: `100%` ### lightness 提取 HSL 颜色空间中颜色对象的亮度通道。 参数: `color` - 颜色对象。 返回: `percentage` 0-100 示例: `lightness(hsl(90, 100%, 50%))` 输出: `50%` ### hsvhue 提取 HSV 颜色空间中颜色对象的色调通道。 参数: `color` - 颜色对象。 返回: `integer` 0-360 示例: `hsvhue(hsv(90, 100%, 50%))` 输出: `90` ### hsvsaturation 提取 HSV 颜色空间中颜色对象的饱和度通道。 参数: `color` - 颜色对象。 返回: `percentage` 0-100 示例: `hsvsaturation(hsv(90, 100%, 50%))` 输出: `100%` ### hsvvalue 提取 HSV 颜色空间中颜色对象的值通道。 参数: `color` - 颜色对象。 返回: `percentage` 0-100 示例: `hsvvalue(hsv(90, 100%, 50%))` 输出: `50%` ### red 提取颜色对象的红色通道。 参数: `color` - 颜色对象。 返回: `float` 0-255 示例: `red(rgb(10, 20, 30))` 输出: `10` ### green 提取颜色对象的绿色通道。 参数: `color` - 颜色对象。 返回: `float` 0-255 示例: `green(rgb(10, 20, 30))` 输出: `20` ### blue 提取颜色对象的蓝色通道。 参数: `color` - 颜色对象。 返回: `float` 0-255 示例: `blue(rgb(10, 20, 30))` 输出: `30` ### alpha 提取颜色对象的 alpha 通道。 参数: `color` - 颜色对象。 返回: `float` 0-1 示例: `alpha(rgba(10, 20, 30, 0.5))` 输出: `0.5` ### luma 计算颜色对象的 luma(感知亮度)。 根据 [WCAG 2.0](https://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef "WCAG 2.0") 的建议,使用 SMPTE C / Rec. 709 系数。该计算也用于对比度功能。 在 v1.7.0 版之前,luma 值的计算不带伽玛校正,请使用亮度功能计算这些 "old" 值。 参数: `color` - 颜色对象。 返回: `percentage` 0-100% 示例: `luma(rgb(100, 200, 30))` 输出: `44%` ### luminance 计算未进行 gamma 校正的 luma 值(此函数在 v1.7.0 之前名为 luma)。 参数: `color` - 颜色对象。 返回: `percentage` 0-100% 示例: `luminance(rgb(100, 200, 30))` 输出: `65%`
上一篇:
颜色定义函数
下一篇:
颜色操作函数