Less 颜色通道函数

Less支持少数内置函数,用于设置通道的值。 通道根据颜色定义设置值。 HSL颜色具有色相,饱和度和亮度通道,RGB颜色具有红色,绿色和蓝色通道。 以下是颜色通道功能的列表:


S.N.函数及描述

例子
1 hue

在HSL颜色空间中,提取颜色对象的色调通道。

background: hue(hsl(75, 90%, 30%));

它在CSS中编译如下所示:

background: 75;
2saturation

在HSL颜色空间中,提取彩色对象的饱和通道。

background: saturation(hsl(75, 90%, 30%));

它在CSS中编译如下所示:

background: 90%;
3lightness

在HSL颜色空间中,从颜色对象提取亮度通道。

background: lightness(hsl(75, 90%, 30%));

它在CSS中编译如下所示:

background: 30%;
4 hsvhue

在HSV色彩空间中,提取色彩对象的色调通道。

background: hsvhue(hsv(75, 90%, 30%));

它在CSS中编译如下所示:

background: 75;

5 hsvsaturation

在HSL颜色空间中,提取彩色对象的饱和通道。

background: hsvsaturation(hsv(75, 90%, 30%));

它在CSS中编译如下所示:

background: 90%;
6 hsvvalue

在HSL颜色空间中,提取颜色对象的值通道。

background: hsvvalue(hsv(75, 90%, 30%));

它在CSS中编译如下所示:

background: 30%;
7red

提取彩色对象的红色通道。

background: red(rgb(5, 15, 25));

它在CSS中编译如下所示:

background: 5;
8green

提取彩色对象的绿色通道。

background: green(rgb(5, 15, 25));

它在CSS中编译如下所示:

background: 15;
9blue

提取彩色对象的蓝色通道。

background: blue(rgb(5, 15, 25));

它在CSS中编译如下所示:

background: 25;
10 alpha

提取颜色对象的alpha通道。

background: alpha(rgba(5, 15, 25, 1.5));

它在CSS中编译如下所示:

background: 2;
11 luma

计算颜色对象的亮度值。

background: luma(rgb(50, 250, 150));

它在CSS中编译如下所示:

background: 71.2513323%;
12luminance

在没有伽马校正的情况下计算亮度值。

background: luminance(rgb(50, 250, 150));

它在CSS中编译如下所示:

background: 78.53333333%;


作者:唐伯虎点蚊香,如若转载,请注明出处:https://www.web176.com/less/17551.html

(0)
打赏 支付宝 支付宝 微信 微信
唐伯虎点蚊香的头像唐伯虎点蚊香
上一篇 2023年4月26日
下一篇 2023年4月26日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注