开发手册 欢迎您！
软件开发者资料库

LESS - 颜色通道功能

LESS颜色通道功能 - 从简单和简单的步骤开始学习从基本到高级概念，包括概述，安装，嵌套规则，嵌套指令和冒泡，操作，转义，函数，命名空间和访问器，范围，注释，导入，变量等示例，Extend，Mixins，Parametric Mixins，Mixins作为函数，将规则集传递给Mixins，导入指令，导入选项，Mixin Guards，CSS Guards，循环，合并，父选择器，其他函数，字符串函数，列表函数，数学函数，类型函数，颜色定义功能，颜色通道功能，颜色操作，颜色混合功能，命令行使用，在浏览器中使用较少，浏览器支持，插件，编程使用，在线编译器，GUI，编辑器和插件，第三方编译器，框架。

在本章中，我们将了解颜色通道功能在LESS中的重要性. LESS支持很少的内置函数，可以设置关于通道的值.通道根据颜色定义设置值. HSL颜色具有色调，饱和度和亮度通道，RGB颜色具有红色，绿色和蓝色通道.下表列出了所有颜色通道函数 :

Sr.No.功能&说明示例
1

色调

在HSL中颜色空间，色调通道从颜色对象中提取.

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

它在CSS中编译，如下所示 :

background :75;
2

饱和度

在HSL颜色空间中，提取饱和度通道关闭颜色对象.

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

它在CSS中编译，如下所示 :

background :90%;
3

亮度

在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%;
7

红色

红色通道从颜色对象中提取.

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

它在CSS中编译，如下所示 :

background :5;
8

绿色

从颜色对象中提取绿色通道.

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

它在CSS中编译，如下所示 :

background :15;
9

蓝色

从颜色对象中提取蓝色通道.

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%;
12

亮度

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

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

它在CSS中编译，如下所示 :

background :78.53333333%;