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)