颜色定义函数

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

从十进制红色、绿色、蓝色和 alpha (RGBA) 值创建透明颜色对象。

参数:

  • red: 整数 0-255 或百分比 0-100%。
  • green: 整数 0-255 或百分比 0-100%。
  • blue: 整数 0-255 或百分比 0-100%。
  • alpha: 数字 0-1 或百分比 0-100%。

返回: color

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

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

argb

创建 #AARRGGBB 格式(NOT #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)