当前位置：srcmini > Less > 正文

Less色彩通道函数

2020-03-21 18:36:10 分类：Less 阅读(1142) 评论(0)

Less颜色通道函数是用于设置通道值的内置函数。通道根据颜色定义设置值。 HSL颜色由色调, 饱和度和亮度通道组成, 而RGB颜色由红色, 绿色和蓝色通道组成。

颜色通道函数列表：

Index	Function	Description	Example
1)	hue	在hsl颜色空间中, 提取颜色对象的色相通道。	背景：hue(hsl(80, 90％, 40％));它在CSS中编译为仅显示色相值, 例如：background：80;
2)	saturation	在hsl颜色空间中, 提取颜色对象的饱和度通道。	背景：饱和度(hsl(80, 90％, 40％));它在CSS中编译以仅显示饱和度值, 例如：background：90％;
3)	lightness	在hsl颜色空间中, 提取颜色对象的亮度通道。	背景：亮度(hsl(80, 90％, 40％));它在CSS中编译以仅显示亮度值, 例如：background：30％;
4)	hsvhue	在hsv颜色空间中, 提取颜色对象的色相通道。	背景：hsvhue(hsv(80, 90％, 40％));它在CSS中进行编译以将色相值显示为：background：80;
5)	hsvsaturation	在hsl颜色空间中, 提取颜色对象的饱和度通道。	背景：hsvsaturation(hsv(80, 90％, 40％));它在CSS中编译以仅显示饱和度值, 例如：background：90％;
6)	hsvvalue	在hsl颜色空间中, 从颜色对象中提取值通道。	背景：hsvvalue(hsv(80, 90％, 40％));它在CSS中进行编译以将值显示为：background：40％;
7)	red	红色通道是从颜色对象中提取的。	背景：红色(rgb(10, 20, 30));它在CSS中编译以仅显示红色值：background：10;
8)	green	提取颜色对象的绿色通道。	背景：绿色(rgb(10, 20, 30));它在CSS中进行编译, 如下所示：background：20;
9)	blue	蓝色通道是从颜色对象中提取的。	背景：蓝色(rgb(10, 20, 30));它在CSS中编译以仅显示蓝色值：background：30;
10)	alpha	alpha通道是从颜色对象中提取的。	背景：alpha(rgba(5, 15, 25, 1.5));它在CSS中进行编译以将alpha值显示为：background：2;
11)	luma	计算色彩对象的亮度值。	背景：luma(rgb(50, 250, 150));它在CSS中进行编译以显示亮度值：background：71.2513323％;
12)	luminance	无需伽马校正即可计算亮度值。	背景：亮度(rgb(50, 250, 150));它在CSS中进行编译, 如下所示：background：78.53333333％;

赞(0)

未经允许不得转载：srcmini » Less色彩通道函数

标签：Less函数

相关推荐

评论抢沙发

评论前必须登录！

立即登录注册

回顶
回顶部