下一个 → ← 上一个

Less 颜色通道函数

2024 年 8 月 29 日 | 阅读 2 分钟

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

颜色通道函数列表

索引	函数	描述	示例
1)	hue	在 hsl 颜色空间中，提取颜色对象的色相通道。	background: hue(hsl(80, 90%, 40%)); 它在 CSS 中编译以仅显示色相值，例如：background: 80;
2)	饱和度	在 hsl 颜色空间中，提取颜色对象的饱和度通道。	background: saturation(hsl(80, 90%, 40%)); 它在 CSS 中编译以仅显示饱和度值，例如：background: 90%;
3)	亮度	在 hsl 颜色空间中，提取颜色对象的亮度通道。	background: lightness(hsl(80, 90%, 40%)); 它在 CSS 中编译以仅显示亮度值，例如：background: 30%;
4)	hsvhue	在 hsv 颜色空间中，提取颜色对象的色相通道。	background: hsvhue(hsv(80, 90%, 40%)); 它在 CSS 中编译以显示色相值，例如：background: 80;
5)	hsvsaturation	在 hsl 颜色空间中，提取颜色对象的饱和度通道。	background: hsvsaturation(hsv(80, 90%, 40%)); 它在 CSS 中编译以仅显示饱和度值，例如：background: 90%;
6)	hsvvalue	在 hsl 颜色空间中，提取颜色对象的值通道。	background: hsvvalue(hsv(80, 90%, 40%)); 它在 CSS 中编译以显示值，例如：background: 40%;
7)	red	提取颜色对象的红色通道。	background: red(rgb(10, 20, 30)); 它在 CSS 中编译以仅显示红色值：background: 10;
8)	green	提取颜色对象的绿色通道。	background: green(rgb(10, 20, 30)); 它在 CSS 中编译，如下所示 background: 20;
9)	blue	提取颜色对象的蓝色通道。	background: blue(rgb(10, 20, 30)); 它在 CSS 中编译以仅显示蓝色值：background: 30;
10)	alpha	提取颜色对象的 alpha 通道。	background: alpha(rgba(5, 15, 25, 1.5)); 它在 CSS 中编译以显示 alpha 值，例如：background: 2;
11)	luma	计算颜色对象的 luma 值。	background: luma(rgb(50, 250, 150)); 它在 CSS 中编译以显示 luma 值，例如：background: 71.2513323%;
12)	亮度	计算的 luma 值不进行伽玛校正。	background: luminance(rgb(50, 250, 150)); 它在 CSS 中编译，如下所示：background: 78.53333333%;

下一个主题Less hue()

← 上一个下一个 →

相关帖子

Less 颜色定义
函数 Less 支持许多颜色函数，用于以不同的方式更改和操作颜色。下表给出了 Less 支持的颜色定义函数列表。索引函数描述示例 1) rgb: (red, green, blue) rgb 从红色、绿色和蓝色值创建颜色。它支持三个参数...
阅读 3 分钟
Less 函数
Less 中支持许多函数，例如 round 函数、floor 函数、ceil 函数、percentage 函数等，用于在样式表中操作颜色和 HTML 元素方面。Less 将 JavaScript 代码映射到值的操作，并使用预定义的函数。让我们举一个例子来演示...
阅读1分钟
Less 类型函数
Less 类型函数用于确定值的类型。 Less 中使用的类型函数列表：索引类型描述示例 1) isnumber 它接受一个值作为参数，如果它是数字，则返回 true，否则返回 false。 isnumber(1234); // true isnumber(24px); // true isnumber(7.8%); // true isnumber(#fff); // false isnumber(red);...
阅读 2 分钟
Less 杂项函数
Less 其他函数包含不同类型的函数组。不同类型的其他函数的列表。索引函数描述 1) 颜色，它是一个用于表示颜色的字符串。 2) 图像大小，它用于从文件检查图像的尺寸。 3) 图像宽度，它用于检查图像的宽度...
阅读1分钟
Less 颜色混合
函数 Less 颜色混合函数是在图像编辑器（如 Photoshop、Fireworks 或 GIMP）中使用的类似操作，用于将 CSS 颜色与图像匹配。 Less 中使用的颜色混合函数列表：索引函数描述 1) 乘法，用于将两种颜色相乘得到结果...
阅读1分钟
Less 数学函数
Less 数学函数是用于执行数字运算的方法，例如四舍五入、平方根、幂值、模数、百分比等。 Less 中使用的数学函数列表：索引函数描述示例 1) 向上取整，用于将数字四舍五入到最高整数。 ceil(0.7) 它将数字四舍五入...
阅读 2 分钟
Less 颜色运算
函数 LESS 提供了许多有用的操作函数，用于以不同的方式更改和操作颜色，并在相同的单位中获取参数。 Less 支持的颜色操作函数列表在下表中进行了描述：索引指令描述 1) 饱和度，它用于更改强度或饱和度...
阅读1分钟
Less 字符串函数
Less 字符串函数 Less 支持以下字符串函数：索引字符串函数描述 1) Less 字符串转义函数 Less 字符串转义函数用于对输入字符串中找到的特殊字符应用 URL 编码。 2) Less 字符串 e 函数 Less 字符串 e 函数将字符串作为参数并返回其内容...
阅读1分钟
Less 列表函数
Less 列表函数用于指定列表的长度和列表中值的位置。 LESS 中使用的列表函数列表：索引函数描述 1) 长度，它将采用以逗号或空格分隔的值列表作为参数。 2) 提取，它将返回位于...
阅读1分钟

我们提供所有技术（如 Java 教程、Android、Java 框架）的教程和面试问题

联系信息

G-13, 2nd Floor, Sec-3, Noida, UP, 201301, India

hr@tpointtech.com

关注我们

教程

Java 数据结构 C 语言 C++ 教程 C# 教程 PHP 教程 HTML 教程 JavaScript 教程 jQuery 教程 Spring 教程

面试题

Microsoft Amazon Adobe Intuit Accenture Cognizant Capgemini Wipro Tcs Infosys

在线编译器

C R C++ Php Java Html Swift Python JavaScript TypeScript

最新帖子 | 教程列表 | 隐私政策 | 关于我们 | 联系我们

© 版权所有 2011 - 2025 TpointTech.com。保留所有权利。