Less 颜色定义函数

rgb

用十进制红、绿、蓝 (RGB) 数值创建不透明颜色对象。

标准 HTML/CSS 格式的字面颜色值也可用于定义颜色,例如 #ff0000。

参数:

  • red: 整数 0-255 或百分比 0-100%。

  • green: 整数 0-255 或百分比 0-100%。

  • blue: 整数 0-255 或百分比 0-100%。

返回: color

示例: rgb(90, 129, 32)

输出: #5a8120

rgba

用十进制红、绿、蓝和阿尔法(RGBA)值创建透明颜色对象。

参数:

  • red: 整数 0-255 或百分比 0-100%。

  • green: 整数 0-255 或百分比 0-100%。

  • blue: 整数 0-255 或百分比 0-100%。

  • alpha: 整数 0-255 或百分比 0-100%。

返回: color

示例: rgba(90, 129, 32, 0.5)

输出: rgba(90, 129, 32, 0.5)

argb

以 #AARRGGBB 格式创建颜色的十六进制表示(不是 #RRGGBBAA!)。

这种格式用于 Internet Explorer、.NET 和 Android 开发。

参数: color, 颜色对象。

返回: string

示例: argb(rgba(90, 23, 148, 0.5));

输出: #805a1794

hsl

根据色相、饱和度和亮度 (HSL) 值创建不透明颜色对象。

参数:

  • hue: 一个 0-360 的整数,代表度数。

  • saturation: 百分比 0-100% 或数字 0-1。

  • lightness: 百分比 0-100% 或数字 0-1。

返回: color

示例: hsl(90, 100%, 50%)

输出: #80ff00

如果您想根据另一种颜色的通道创建一种新的颜色,这将非常有用,例如:@new: hsl(hue(@old), 45%, 90%);

@new 将具有 @old 的色调,以及自己的饱和度和亮度。

hsla

用色相、饱和度、亮度和 Alpha (HSLA) 值创建透明颜色对象。

参数:

  • hue: 一个 0-360 的整数,代表度数。

  • saturation: 百分比 0-100% 或数字 0-1。

  • lightness: 百分比 0-100% 或数字 0-1。

  • alpha: 百分比 0-100% 或数字 0-1。

返回: color

示例: hsla(90, 100%, 50%, 0.5)

输出: rgba(128, 255, 0, 0.5)

hsv

用色相、饱和度和值(HSV)值创建不透明颜色对象。

请注意,这是 Photoshop 中的一种色彩空间,与 hsl 不同。

参数:

  • hue: 一个 0-360 的整数,代表度数。

  • saturation: 百分比 0-100% 或数字 0-1。

  • value: 百分比 0-100% 或数字 0-1。

返回: color

示例: hsv(90, 100%, 50%)

输出: #408000

hsva

用色相、饱和度、值和 alpha(HSVA)值创建透明颜色对象。

请注意,这与 hsla 不同,后者是 Photoshop 中的一种色彩空间。

参数:

  • hue: 一个 0-360 的整数,代表度数。

  • saturation: 百分比 0-100% 或数字 0-1。

  • value: 百分比 0-100% 或数字 0-1。

  • alpha: 百分比 0-100% 或数字 0-1。

返回: color

示例: hsva(90, 100%, 50%, 0.5)

输出: rgba(64, 128, 0, 0.5)

说说我的看法
全部评论(
没有评论
关于
本网站属于个人的非赢利性网站,转载的文章遵循原作者的版权声明,如果原文没有版权声明,请来信告知:hxstrive@outlook.com
公众号