构造函数

new Color()

的相位。颜色类是一组静态方法,协助色彩处理和转换。

公共属性

公共方法

<static> blendAdd(a, b) → {integer}

将源和背景色加在一起,返回值,最多为255。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1040)


<static> blendAverage(a, b) → {integer}

以平均的源和背景色。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1027)


<static> blendColorBurn(a, b) → {integer}

变暗的背景颜色来反映光源的颜色。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1199)


<static> blendColorDodge(a, b) → {integer}

照亮的背景颜色来反映光源的颜色。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1185)


<static> blendDarken(a, b) → {integer}

选择的背景和颜色的颜色较深。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 998)


<static> blendDifference(a, b) → {integer}

减去黑暗的两个构成颜色的打火机。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1066)


<static> blendExclusion(a, b) → {integer}

产生的效果类似于差分模式,但较低的对比度。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1109)


<static> blendGlow(a, b) → {integer}

辉光混合模式。这种模式是一种思考方式的变化与源和背景颜色替换。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1313)


<static> blendHardLight(a, b) → {integer}

复合或过滤颜色,取决于源颜色值。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1161)


<static> blendHardMix(a, b) → {integer}

运行blendvividlight的来源和背景颜色。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1284)


<static> blendLighten(a, b) → {integer}

选择较浅的背景和源颜色。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 985)


<static> blendLinearBurn(a, b) → {integer}

对于blendsubtract别名,它只是概括的两种颜色的值减去255。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1226)


<static> blendLinearDodge(a, b) → {integer}

对于blendadd别名,它只是概括的两种颜色的值。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1213)


<static> blendLinearLight(a, b) → {integer}

这种混合模式结合了线性减淡和线性加深(RS,中性的颜色变成灰色的中间)。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1239)


<static> blendMultiply(a, b) → {integer}

将背景和源颜色值。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1011)


<static> blendNegation(a, b) → {integer}

否定混合模式。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1081)


<static> blendNormal(a, b) → {integer}

混合源颜色,忽略背景。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 972)


<static> blendOverlay(a, b) → {integer}

复合或过滤颜色,根据不同的背景颜色。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1123)


<static> blendPhoenix(a, b) → {integer}

凤凰混合模式。这减去颜色浅的颜色较深,并增加了255,给人一种明亮的结果。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1326)


<static> blendPinLight(a, b) → {integer}

如果背景颜色(光源)是小于50%的blenddarken模式使用,颜色比背景颜色变化不轻。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1270)


<static> blendReflect(a, b) → {integer}

反映混合模式。这种模式是有用的,当添加发光物体或光区域的图像。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1300)


<static> blendScreen(a, b) → {integer}

将背景和源颜色值的补充,然后补充结果。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1094)


<static> blendSoftLight(a, b) → {integer}

使颜色变暗或变亮,这取决于源颜色值。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1138)


<static> blendSubtract(a, b) → {integer}

结合的源和背景颜色,并返回其值减去255。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1053)


<static> blendVividLight(a, b) → {integer}

这种混合模式将颜色减淡,颜色加深(RS,中性的颜色变成灰色的中间)。

参数

名称 类型 参数 默认值 描述
a integer 在至255的范围内,将光源的颜色混合,在至1之间。
b integer 背景颜色为混合,在255至1之间。

Source code: utils/Color.js (Line 1254)


<static> componentToHex(color) → {string}

返回给定颜色分量的十六进制表示的字符串。

参数

名称 类型 参数 默认值 描述
color number 要得到十六进制的值,必须是0和255之间的值。

Source code: utils/Color.js (Line 677)


<static> createColor(r, g, b, a, h, s, l, v) → {object}

一种用默认组件创建一个轻量级的“颜色”对象的函数。

参数

名称 类型 参数 默认值 描述
r number <optional>
0 在0~255范围内,红色的颜色分量。
g number <optional>
0 在~0范围内,绿色的颜色分量,在255~之间。
b number <optional>
0 在0~255范围内,蓝色的颜色分量。
a number <optional>
1 在0~1范围内,α-磷的颜色分量。
h number <optional>
0 在~1范围内,在~0范围内。
s number <optional>
0 在~1范围内,在~0范围内。
l number <optional>
0 在0~1范围内的亮度。
v number <optional>
0 在~0范围内,该值为1。

Source code: utils/Color.js (Line 421)


<static> fromRGBA(rgba, out) → {object}

一个实用的转换一个整数0xrrggbbaa格式颜色对象。

参数

名称 类型 参数 默认值 描述
rgba number

RGBA六

out object <optional>
使用的对象,可选的。

Source code: utils/Color.js (Line 97)


<static> getAlpha(color) → {number}

给定一个本土色彩值(格式0xaarrggbb)这将alpha分量,在0和255之间的值。

参数

名称 类型 参数 默认值 描述
color number

在格式0xaarrggbb。

Source code: utils/Color.js (Line 912)


<static> getAlphaFloat(color) → {number}

给定一个本土色彩值(格式0xaarrggbb)这将alpha分量为0到1之间的值。

参数

名称 类型 参数 默认值 描述
color number

在格式0xaarrggbb。

Source code: utils/Color.js (Line 924)


<static> getBlue(color) → {number}

给定一个本土色彩值(格式0xaarrggbb)这会返回蓝色分量,作为一个0和255之间的值。

参数

名称 类型 参数 默认值 描述
color number

在格式0xaarrggbb。

Source code: utils/Color.js (Line 960)


<static> getColor(r, g, b) → {number}

给定3个颜色值,这将返回一个整数表示。

参数

名称 类型 参数 默认值 描述
r number 在0~255范围内,红色的颜色分量。
g number 在~0范围内,绿色的颜色分量,在255~之间。
b number 在0~255范围内,蓝色的颜色分量。

Source code: utils/Color.js (Line 483)


<static> getColor32(a, r, g, b) → {number}

给定一个阿尔法和3个颜色值,这将返回一个整数表示。

参数

名称 类型 参数 默认值 描述
a number 在0~255范围内,α-磷的颜色分量。
r number 在0~255范围内,红色的颜色分量。
g number 在~0范围内,绿色的颜色分量,在255~之间。
b number 在0~255范围内,蓝色的颜色分量。

Source code: utils/Color.js (Line 466)


<static> getGreen(color) → {number}

给定一个本土色彩值(格式0xaarrggbb)这会返回绿色成分,作为一个0和255之间的值。

参数

名称 类型 参数 默认值 描述
color number

在格式0xaarrggbb。

Source code: utils/Color.js (Line 948)


<static> getRandomColor(min, max, alpha) → {number}

返回黑色和白色之间的随机色值

参数

名称 类型 参数 默认值 描述
min number <optional>
0 对使用的颜色的最低值。
max number <optional>
255 对使用的颜色的最高值。
alpha number <optional>
255 <返回的颜色(默认为255 =完全不透明)的α值。

Source code: utils/Color.js (Line 816)


<static> getRed(color) → {number}

给定一个本土色彩值(格式0xaarrggbb)这将返回的红色成分,作为一个0和255之间的值。

参数

名称 类型 参数 默认值 描述
color number

在格式0xaarrggbb。

Source code: utils/Color.js (Line 936)


<static> getRGB(color) → {object}

返回一个对象的颜色作为对象的属性-α,红,绿,蓝。

参数

名称 类型 参数 默认值 描述
color number

颜色RGB(0xrrggbb)或ARGB格式(0xaarrggbb)。

Source code: utils/Color.js (Line 848)


<static> getWebRGB(color) → {string}

返回一个字符串值CSS友好从给定的颜色。

参数

名称 类型 参数 默认值 描述
color number | Object

颜色RGB(0xrrggbb),ARGB格式(0xaarrggbb)或一个对象与R,G,B,一个性质。

Source code: utils/Color.js (Line 890)


<static> hexToColor(hex, out) → {object}

转换一个字符串为相位颜色对象。

参数

名称 类型 参数 默认值 描述
hex string 用十六进制格式的颜色字符串。
out object <optional>
如果没有提供新的对象,将创建或设置3个属性的对象:

Source code: utils/Color.js (Line 547)


<static> hexToRGB(hex) → {number}

将一个十六进制字符串转换为一个整型值。

参数

名称 类型 参数 默认值 描述
hex string 要转换为十六进制字符串。可以在手短格式<代码> # 03f < >或<代码/代码/代码> < > # 0033FF。

Source code: utils/Color.js (Line 528)


<static> HSLColorWheel(s, l) → {array}

在一个数组中,将360号元素得到HSL颜色轮值。

参数

名称 类型 参数 默认值 描述
s number <optional>
0.5 在~1范围内,在~0范围内。
l number <optional>
0.5 在0~1范围内的亮度。

Source code: utils/Color.js (Line 717)


<static> HSLtoRGB(h, s, l, out) → {object}

将HSL(色调、饱和度和亮度)RGB颜色值。

参数

名称 类型 参数 默认值 描述
h number 在~1范围内,在~0范围内。
s number 在~1范围内,在~0范围内。
l number 在0~1范围内的亮度。
out object <optional>
如果没有提供一个新的对象,将创建3个属性的对象,如果没有提供新的对象将被创建。

Source code: utils/Color.js (Line 203)


<static> HSVColorWheel(s, v) → {array}

在一个数组中,将360号元素得到HSV颜色轮值。

参数

名称 类型 参数 默认值 描述
s number <optional>
1 在~1范围内,在~0范围内。
v number <optional>
1 在~0范围内,该值为1。

Source code: utils/Color.js (Line 692)


<static> HSVtoRGB(h, s, v, out) → {object}

转换为HSV(色调,饱和度和值)RGB颜色值。

参数

名称 类型 参数 默认值 描述
h number 在~1范围内,在~0范围内。
s number 在~1范围内,在~0范围内。
v number 在~0范围内,该值为1。
out object <optional>
如果没有提供一个新的对象,将创建3个属性的对象,如果没有提供新的对象将被创建。

Source code: utils/Color.js (Line 310)


<static> hueToColor(p, q, t) → {number}

转换到RGB颜色的色调。

参数

名称 类型 参数 默认值 描述
p number
q number
t number

Source code: utils/Color.js (Line 379)


<static> interpolateColor(color1, color2, steps, currentStep, alpha) → {number}

把两个给定的颜色根据提供的步骤和currentstep性质。

参数

名称 类型 参数 默认值 描述
color1 number <第一颜色值。< /
color2 number <为秒的颜色值。
steps number <运行该插值的步数> < /
currentStep number

的currentstep价值。如果插值将采取100个步骤,50个currentstep值两者之间是一半。

alpha number <返回的颜色的α值。

Source code: utils/Color.js (Line 742)


<static> interpolateColorWithRGB(color, r, g, b, steps, currentStep) → {number}

把两个给定的颜色根据提供的步骤和currentstep性质。

参数

名称 类型 参数 默认值 描述
color number <第一颜色值。< /
r number

红色值、0和0xFF之间(255)。

g number

绿颜色值,0和0xFF之间(255)。

b number

蓝颜色值,0和0xFF之间(255)。

steps number <运行该插值的步数> < /
currentStep number

的currentstep价值。如果插值将采取100个步骤,50个currentstep值两者之间是一半。

Source code: utils/Color.js (Line 768)


<static> interpolateRGB(r1, g1, b1, r2, g2, b2, steps, currentStep) → {number}

把两个给定的颜色根据提供的步骤和currentstep性质。

参数

名称 类型 参数 默认值 描述
r1 number

红色值、0和0xFF之间(255)。

g1 number

绿颜色值,0和0xFF之间(255)。

b1 number

蓝颜色值,0和0xFF之间(255)。

r2 number

红色值、0和0xFF之间(255)。

g2 number

绿颜色值,0和0xFF之间(255)。

b2 number

蓝颜色值,0和0xFF之间(255)。

steps number <运行该插值的步数> < /
currentStep number

的currentstep价值。如果插值将采取100个步骤,50个currentstep值两者之间是一半。

Source code: utils/Color.js (Line 792)


<static> packPixel(r, g, b, a) → {number}

包的R,G,B,一个组件为一个整数,用于int32array。

参数

名称 类型 参数 默认值 描述
r number 在0~255范围内,红色的颜色分量。
g number 在~0范围内,绿色的颜色分量,在255~之间。
b number 在0~255范围内,蓝色的颜色分量。
a number 在0~255范围内,α-磷的颜色分量。

Source code: utils/Color.js (Line 14)


<static> RGBtoHSL(r, g, b, out) → {object}

转换为RGB颜色值HSL(色调、饱和度和亮度)。

参数

名称 类型 参数 默认值 描述
r number 在0~255范围内,红色的颜色分量。
g number 在~0范围内,绿色的颜色分量,在255~之间。
b number 在0~255范围内,蓝色的颜色分量。
out object <optional>
如果没有提供一个新的对象,将创建3个属性的对象,如果没有提供新的对象将被创建。

Source code: utils/Color.js (Line 144)


<static> RGBtoHSV(r, g, b, out) → {object}

转换为RGB颜色值HSV(色相,饱和度,值)。

参数

名称 类型 参数 默认值 描述
r number 在0~255范围内,红色的颜色分量。
g number 在~0范围内,绿色的颜色分量,在255~之间。
b number 在0~255范围内,蓝色的颜色分量。
out object <optional>
如果没有提供一个新的对象,将创建3个属性的对象,如果没有提供新的对象将被创建。

Source code: utils/Color.js (Line 254)


<static> RGBtoString(r, g, b, a, prefix) → {string}

将给定的颜色值转换为字符串。

参数

名称 类型 参数 默认值 描述
r number 在0~255范围内,红色的颜色分量。
g number 在~0范围内,绿色的颜色分量,在255~之间。
b number 在0~255范围内,蓝色的颜色分量。
a number <optional>
255 在0~255范围内,α-磷的颜色分量。
prefix string <optional>
'#' 在返回字符串中使用的前缀。如果#”将返回<代码> # rrggbb ,< < > 0xaarrggbb其他代码/代码>。< / P >

Source code: utils/Color.js (Line 499)


<static> toRGBA(r, g, b, a) → {number}

一个实用的转换组件在rrggbbaa RGBA格式的32位整数。

参数

名称 类型 参数 默认值 描述
r number 在0~255范围内,红色的颜色分量。
g number 在~0范围内,绿色的颜色分量,在255~之间。
b number 在0~255范围内,蓝色的颜色分量。
a number 在0~255范围内,α-磷的颜色分量。

Source code: utils/Color.js (Line 126)


<static> unpackPixel(rgba, out, hsl, hsv) → {object}

将R、G、B,一个组件到指定的颜色对象,或一个新的

参数

名称 类型 参数 默认值 描述
rgba number

整数,装在低位的packpixel。

out object <optional>
如果没有提供一个新的对象,将创建3个属性的对象,如果没有提供新的对象将被创建。
hsl boolean <optional>
false

也转换成RGB值为HSL?< /对

hsv boolean <optional>
false

也转换成RGB值为HSV?< /对

Source code: utils/Color.js (Line 40)


<static> updateColor(out) → {number}

以一个颜色对象和更新的RGBA颜色和Color32性质。

参数

名称 类型 参数 默认值 描述
out object < >的颜色对象要更新。

Source code: utils/Color.js (Line 448)


<static> valueToColor(value, out) → {object}

将一个值- ";六";的字符串,";CSS的网页的字符串";,或多为红,绿,蓝,和alpha分量。

参数

名称 类型 参数 默认值 描述
value string | number <作为一个公认的字符串格式或一个填充整数表示的颜色。
out object <optional>
使用该输出的对象。如果没有提供新的对象将被创建。

Source code: utils/Color.js (Line 624)


<static> webToColor(web, out) → {object}

将CSS网络串成相位颜色对象。

参数

名称 类型 参数 默认值 描述
web string

在CSS的网页格式的彩色字符串。

out object <optional>
如果没有提供新的对象,将创建4个属性的对象,如果没有提供新的对象将被创建。

Source code: utils/Color.js (Line 591)