用十进制红、绿、蓝 (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)值创建透明颜色对象。
参数:
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)
以 #AARRGGBB 格式创建颜色的十六进制表示(不是 #RRGGBBAA!)。
这种格式用于 Internet Explorer、.NET 和 Android 开发。
参数: color, 颜色对象。
返回: string
示例: argb(rgba(90, 23, 148, 0.5));
输出: #805a1794
根据色相、饱和度和亮度 (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 的色调,以及自己的饱和度和亮度。
用色相、饱和度、亮度和 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)值创建不透明颜色对象。
请注意,这是 Photoshop 中的一种色彩空间,与 hsl 不同。
参数:
hue: 一个 0-360 的整数,代表度数。
saturation: 百分比 0-100% 或数字 0-1。
value: 百分比 0-100% 或数字 0-1。
返回: color
示例: hsv(90, 100%, 50%)
输出: #408000
用色相、饱和度、值和 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)