@leafer-in/color 1.8.0 → 1.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/color.cjs +248 -232
- package/dist/color.esm.js +247 -231
- package/dist/color.esm.min.js +1 -1
- package/dist/color.esm.min.js.map +1 -1
- package/dist/color.js +233 -236
- package/dist/color.min.cjs +1 -1
- package/dist/color.min.cjs.map +1 -1
- package/dist/color.min.js +1 -1
- package/dist/color.min.js.map +1 -1
- package/package.json +4 -4
- package/src/helper.ts +5 -4
- package/types/index.d.ts +1 -1
package/dist/color.cjs
CHANGED
|
@@ -1,253 +1,264 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
|
-
var draw = require(
|
|
3
|
+
var draw = require("@leafer-ui/draw");
|
|
4
4
|
|
|
5
5
|
const colorNames = {
|
|
6
|
-
transparent:
|
|
7
|
-
aliceblue:
|
|
8
|
-
antiquewhite:
|
|
9
|
-
aqua:
|
|
10
|
-
aquamarine:
|
|
11
|
-
azure:
|
|
12
|
-
beige:
|
|
13
|
-
bisque:
|
|
14
|
-
black:
|
|
15
|
-
blanchedalmond:
|
|
16
|
-
blue:
|
|
17
|
-
blueviolet:
|
|
18
|
-
brown:
|
|
19
|
-
burlywood:
|
|
20
|
-
cadetblue:
|
|
21
|
-
chartreuse:
|
|
22
|
-
chocolate:
|
|
23
|
-
coral:
|
|
24
|
-
cornflowerblue:
|
|
25
|
-
cornsilk:
|
|
26
|
-
crimson:
|
|
27
|
-
cyan:
|
|
28
|
-
darkblue:
|
|
29
|
-
darkcyan:
|
|
30
|
-
darkgoldenrod:
|
|
31
|
-
darkgray:
|
|
32
|
-
darkgreen:
|
|
33
|
-
darkgrey:
|
|
34
|
-
darkkhaki:
|
|
35
|
-
darkmagenta:
|
|
36
|
-
darkolivegreen:
|
|
37
|
-
darkorange:
|
|
38
|
-
darkorchid:
|
|
39
|
-
darkred:
|
|
40
|
-
darksalmon:
|
|
41
|
-
darkseagreen:
|
|
42
|
-
darkslateblue:
|
|
43
|
-
darkslategray:
|
|
44
|
-
darkslategrey:
|
|
45
|
-
darkturquoise:
|
|
46
|
-
darkviolet:
|
|
47
|
-
deeppink:
|
|
48
|
-
deepskyblue:
|
|
49
|
-
dimgray:
|
|
50
|
-
dimgrey:
|
|
51
|
-
dodgerblue:
|
|
52
|
-
firebrick:
|
|
53
|
-
floralwhite:
|
|
54
|
-
forestgreen:
|
|
55
|
-
fuchsia:
|
|
56
|
-
gainsboro:
|
|
57
|
-
ghostwhite:
|
|
58
|
-
gold:
|
|
59
|
-
goldenrod:
|
|
60
|
-
gray:
|
|
61
|
-
green:
|
|
62
|
-
greenyellow:
|
|
63
|
-
grey:
|
|
64
|
-
honeydew:
|
|
65
|
-
hotpink:
|
|
66
|
-
indianred:
|
|
67
|
-
indigo:
|
|
68
|
-
ivory:
|
|
69
|
-
khaki:
|
|
70
|
-
lavender:
|
|
71
|
-
lavenderblush:
|
|
72
|
-
lawngreen:
|
|
73
|
-
lemonchiffon:
|
|
74
|
-
lightblue:
|
|
75
|
-
lightcoral:
|
|
76
|
-
lightcyan:
|
|
77
|
-
lightgoldenrodyellow:
|
|
78
|
-
lightgray:
|
|
79
|
-
lightgreen:
|
|
80
|
-
lightgrey:
|
|
81
|
-
lightpink:
|
|
82
|
-
lightsalmon:
|
|
83
|
-
lightseagreen:
|
|
84
|
-
lightskyblue:
|
|
85
|
-
lightslategray:
|
|
86
|
-
lightslategrey:
|
|
87
|
-
lightsteelblue:
|
|
88
|
-
lightyellow:
|
|
89
|
-
lime:
|
|
90
|
-
limegreen:
|
|
91
|
-
linen:
|
|
92
|
-
magenta:
|
|
93
|
-
maroon:
|
|
94
|
-
mediumaquamarine:
|
|
95
|
-
mediumblue:
|
|
96
|
-
mediumorchid:
|
|
97
|
-
mediumpurple:
|
|
98
|
-
mediumseagreen:
|
|
99
|
-
mediumslateblue:
|
|
100
|
-
mediumspringgreen:
|
|
101
|
-
mediumturquoise:
|
|
102
|
-
mediumvioletred:
|
|
103
|
-
midnightblue:
|
|
104
|
-
mintcream:
|
|
105
|
-
mistyrose:
|
|
106
|
-
moccasin:
|
|
107
|
-
navajowhite:
|
|
108
|
-
navy:
|
|
109
|
-
oldlace:
|
|
110
|
-
olive:
|
|
111
|
-
olivedrab:
|
|
112
|
-
orange:
|
|
113
|
-
orangered:
|
|
114
|
-
orchid:
|
|
115
|
-
palegoldenrod:
|
|
116
|
-
palegreen:
|
|
117
|
-
paleturquoise:
|
|
118
|
-
palevioletred:
|
|
119
|
-
papayawhip:
|
|
120
|
-
peachpuff:
|
|
121
|
-
peru:
|
|
122
|
-
pink:
|
|
123
|
-
plum:
|
|
124
|
-
powderblue:
|
|
125
|
-
purple:
|
|
126
|
-
rebeccapurple:
|
|
127
|
-
red:
|
|
128
|
-
rosybrown:
|
|
129
|
-
royalblue:
|
|
130
|
-
saddlebrown:
|
|
131
|
-
salmon:
|
|
132
|
-
sandybrown:
|
|
133
|
-
seagreen:
|
|
134
|
-
seashell:
|
|
135
|
-
sienna:
|
|
136
|
-
silver:
|
|
137
|
-
skyblue:
|
|
138
|
-
slateblue:
|
|
139
|
-
slategray:
|
|
140
|
-
slategrey:
|
|
141
|
-
snow:
|
|
142
|
-
springgreen:
|
|
143
|
-
steelblue:
|
|
144
|
-
tan:
|
|
145
|
-
teal:
|
|
146
|
-
thistle:
|
|
147
|
-
tomato:
|
|
148
|
-
turquoise:
|
|
149
|
-
violet:
|
|
150
|
-
wheat:
|
|
151
|
-
white:
|
|
152
|
-
whitesmoke:
|
|
153
|
-
yellow:
|
|
154
|
-
yellowgreen:
|
|
6
|
+
transparent: "FFF0",
|
|
7
|
+
aliceblue: "F0F8FF",
|
|
8
|
+
antiquewhite: "FAEBD7",
|
|
9
|
+
aqua: "0FF",
|
|
10
|
+
aquamarine: "7FFFD4",
|
|
11
|
+
azure: "F0FFFF",
|
|
12
|
+
beige: "F5F5DC",
|
|
13
|
+
bisque: "FFE4C4",
|
|
14
|
+
black: "0",
|
|
15
|
+
blanchedalmond: "FFEBCD",
|
|
16
|
+
blue: "00F",
|
|
17
|
+
blueviolet: "8A2BE2",
|
|
18
|
+
brown: "A52A2A",
|
|
19
|
+
burlywood: "DEB887",
|
|
20
|
+
cadetblue: "5F9EA0",
|
|
21
|
+
chartreuse: "7FFF00",
|
|
22
|
+
chocolate: "D2691E",
|
|
23
|
+
coral: "FF7F50",
|
|
24
|
+
cornflowerblue: "6495ED",
|
|
25
|
+
cornsilk: "FFF8DC",
|
|
26
|
+
crimson: "DC143C",
|
|
27
|
+
cyan: "0FF",
|
|
28
|
+
darkblue: "00008B",
|
|
29
|
+
darkcyan: "008B8B",
|
|
30
|
+
darkgoldenrod: "B8860B",
|
|
31
|
+
darkgray: "A9",
|
|
32
|
+
darkgreen: "006400",
|
|
33
|
+
darkgrey: "A9",
|
|
34
|
+
darkkhaki: "BDB76B",
|
|
35
|
+
darkmagenta: "8B008B",
|
|
36
|
+
darkolivegreen: "556B2F",
|
|
37
|
+
darkorange: "FF8C00",
|
|
38
|
+
darkorchid: "9932CC",
|
|
39
|
+
darkred: "8B0000",
|
|
40
|
+
darksalmon: "E9967A",
|
|
41
|
+
darkseagreen: "8FBC8F",
|
|
42
|
+
darkslateblue: "483D8B",
|
|
43
|
+
darkslategray: "2F4F4F",
|
|
44
|
+
darkslategrey: "2F4F4F",
|
|
45
|
+
darkturquoise: "00CED1",
|
|
46
|
+
darkviolet: "9400D3",
|
|
47
|
+
deeppink: "FF1493",
|
|
48
|
+
deepskyblue: "00BFFF",
|
|
49
|
+
dimgray: "69",
|
|
50
|
+
dimgrey: "69",
|
|
51
|
+
dodgerblue: "1E90FF",
|
|
52
|
+
firebrick: "B22222",
|
|
53
|
+
floralwhite: "FFFAF0",
|
|
54
|
+
forestgreen: "228B22",
|
|
55
|
+
fuchsia: "F0F",
|
|
56
|
+
gainsboro: "DC",
|
|
57
|
+
ghostwhite: "F8F8FF",
|
|
58
|
+
gold: "FFD700",
|
|
59
|
+
goldenrod: "DAA520",
|
|
60
|
+
gray: "80",
|
|
61
|
+
green: "008000",
|
|
62
|
+
greenyellow: "ADFF2F",
|
|
63
|
+
grey: "80",
|
|
64
|
+
honeydew: "F0FFF0",
|
|
65
|
+
hotpink: "FF69B4",
|
|
66
|
+
indianred: "CD5C5C",
|
|
67
|
+
indigo: "4B0082",
|
|
68
|
+
ivory: "FFFFF0",
|
|
69
|
+
khaki: "F0E68C",
|
|
70
|
+
lavender: "E6E6FA",
|
|
71
|
+
lavenderblush: "FFF0F5",
|
|
72
|
+
lawngreen: "7CFC00",
|
|
73
|
+
lemonchiffon: "FFFACD",
|
|
74
|
+
lightblue: "ADD8E6",
|
|
75
|
+
lightcoral: "F08080",
|
|
76
|
+
lightcyan: "E0FFFF",
|
|
77
|
+
lightgoldenrodyellow: "FAFAD2",
|
|
78
|
+
lightgray: "D3",
|
|
79
|
+
lightgreen: "90EE90",
|
|
80
|
+
lightgrey: "D3",
|
|
81
|
+
lightpink: "FFB6C1",
|
|
82
|
+
lightsalmon: "FFA07A",
|
|
83
|
+
lightseagreen: "20B2AA",
|
|
84
|
+
lightskyblue: "87CEFA",
|
|
85
|
+
lightslategray: "789",
|
|
86
|
+
lightslategrey: "789",
|
|
87
|
+
lightsteelblue: "B0C4DE",
|
|
88
|
+
lightyellow: "FFFFE0",
|
|
89
|
+
lime: "00FF00",
|
|
90
|
+
limegreen: "32CD32",
|
|
91
|
+
linen: "FAF0E6",
|
|
92
|
+
magenta: "FF00FF",
|
|
93
|
+
maroon: "800000",
|
|
94
|
+
mediumaquamarine: "66CDAA",
|
|
95
|
+
mediumblue: "0000CD",
|
|
96
|
+
mediumorchid: "BA55D3",
|
|
97
|
+
mediumpurple: "9370DB",
|
|
98
|
+
mediumseagreen: "3CB371",
|
|
99
|
+
mediumslateblue: "7B68EE",
|
|
100
|
+
mediumspringgreen: "00FA9A",
|
|
101
|
+
mediumturquoise: "48D1CC",
|
|
102
|
+
mediumvioletred: "C71585",
|
|
103
|
+
midnightblue: "191970",
|
|
104
|
+
mintcream: "F5FFFA",
|
|
105
|
+
mistyrose: "FFE4E1",
|
|
106
|
+
moccasin: "FFE4B5",
|
|
107
|
+
navajowhite: "FFDEAD",
|
|
108
|
+
navy: "000080",
|
|
109
|
+
oldlace: "FDF5E6",
|
|
110
|
+
olive: "808000",
|
|
111
|
+
olivedrab: "6B8E23",
|
|
112
|
+
orange: "FFA500",
|
|
113
|
+
orangered: "FF4500",
|
|
114
|
+
orchid: "DA70D6",
|
|
115
|
+
palegoldenrod: "EEE8AA",
|
|
116
|
+
palegreen: "98FB98",
|
|
117
|
+
paleturquoise: "AFEEEE",
|
|
118
|
+
palevioletred: "D87093",
|
|
119
|
+
papayawhip: "FFEFD5",
|
|
120
|
+
peachpuff: "FFDAB9",
|
|
121
|
+
peru: "CD853F",
|
|
122
|
+
pink: "FFC0CB",
|
|
123
|
+
plum: "DDA0DD",
|
|
124
|
+
powderblue: "B0E0E6",
|
|
125
|
+
purple: "800080",
|
|
126
|
+
rebeccapurple: "639",
|
|
127
|
+
red: "F00",
|
|
128
|
+
rosybrown: "BC8F8F",
|
|
129
|
+
royalblue: "4169E1",
|
|
130
|
+
saddlebrown: "8B4513",
|
|
131
|
+
salmon: "FA8072",
|
|
132
|
+
sandybrown: "F4A460",
|
|
133
|
+
seagreen: "2E8B57",
|
|
134
|
+
seashell: "FFF5EE",
|
|
135
|
+
sienna: "A0522D",
|
|
136
|
+
silver: "C0",
|
|
137
|
+
skyblue: "87CEEB",
|
|
138
|
+
slateblue: "6A5ACD",
|
|
139
|
+
slategray: "708090",
|
|
140
|
+
slategrey: "708090",
|
|
141
|
+
snow: "FFFAFA",
|
|
142
|
+
springgreen: "00FF7F",
|
|
143
|
+
steelblue: "4682B4",
|
|
144
|
+
tan: "D2B48C",
|
|
145
|
+
teal: "008080",
|
|
146
|
+
thistle: "D8BFD8",
|
|
147
|
+
tomato: "FF6347",
|
|
148
|
+
turquoise: "40E0D0",
|
|
149
|
+
violet: "EE82EE",
|
|
150
|
+
wheat: "F5DEB3",
|
|
151
|
+
white: "F",
|
|
152
|
+
whitesmoke: "F5",
|
|
153
|
+
yellow: "FF0",
|
|
154
|
+
yellowgreen: "9ACD32"
|
|
155
155
|
};
|
|
156
156
|
|
|
157
157
|
const rgbMatch = /^rgb\((\d+),\s*(\d+),\s*(\d+)/i;
|
|
158
|
+
|
|
158
159
|
const rgbaMatch = /^rgba\((\d+),\s*(\d+),\s*(\d+),\s*(\d*\.?\d+)/i;
|
|
160
|
+
|
|
159
161
|
const hslMatch = /^hsl\((\d+),\s*(\d+)%\s*,\s*(\d+)%/i;
|
|
162
|
+
|
|
160
163
|
const hslaMatch = /^hsla\((\d+),\s*(\d+)%\s*,\s*(\d+)%\s*,\s*(\d*\.?\d+)/i;
|
|
161
|
-
|
|
164
|
+
|
|
165
|
+
const int = parseInt, float = parseFloat, {round: round} = Math;
|
|
166
|
+
|
|
162
167
|
let cache = {}, totalCache = 0;
|
|
168
|
+
|
|
163
169
|
function colorToRGBA(color, opacity) {
|
|
164
170
|
let RGBA;
|
|
165
|
-
let useOpacity = opacity
|
|
166
|
-
if (
|
|
171
|
+
let useOpacity = !draw.isUndefined(opacity) && opacity < 1;
|
|
172
|
+
if (draw.isString(color)) {
|
|
167
173
|
const cacheColor = cache[color];
|
|
168
174
|
if (cacheColor) {
|
|
169
175
|
RGBA = Object.assign({}, cacheColor);
|
|
170
|
-
}
|
|
171
|
-
else {
|
|
176
|
+
} else {
|
|
172
177
|
switch (color[0]) {
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
RGBA = hslaToRGBA(color);
|
|
187
|
-
else if (color[3] === '(' && hslMatch.test(color))
|
|
188
|
-
RGBA = hslToRGBA(color);
|
|
189
|
-
break;
|
|
178
|
+
case "#":
|
|
179
|
+
RGBA = hexToRGBA(color);
|
|
180
|
+
break;
|
|
181
|
+
|
|
182
|
+
case "R":
|
|
183
|
+
case "r":
|
|
184
|
+
if (color[4] === "(" && rgbaMatch.test(color)) RGBA = rgbaToRGBA(color); else if (color[3] === "(" && rgbMatch.test(color)) RGBA = rgbToRGBA(color);
|
|
185
|
+
break;
|
|
186
|
+
|
|
187
|
+
case "H":
|
|
188
|
+
case "h":
|
|
189
|
+
if (color[4] === "(" && hslaMatch.test(color)) RGBA = hslaToRGBA(color); else if (color[3] === "(" && hslMatch.test(color)) RGBA = hslToRGBA(color);
|
|
190
|
+
break;
|
|
190
191
|
}
|
|
191
192
|
if (!RGBA) {
|
|
192
193
|
const value = colorNames[color.toLowerCase()];
|
|
193
|
-
if (value)
|
|
194
|
-
RGBA = hexToRGBA('#' + value);
|
|
194
|
+
if (value) RGBA = hexToRGBA("#" + value);
|
|
195
195
|
}
|
|
196
196
|
if (RGBA) {
|
|
197
197
|
totalCache++;
|
|
198
|
-
if (totalCache >
|
|
199
|
-
cache = {}, totalCache = 0;
|
|
198
|
+
if (totalCache > 1e4) cache = {}, totalCache = 0;
|
|
200
199
|
cache[color] = Object.assign({}, RGBA);
|
|
201
200
|
}
|
|
202
201
|
}
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
if (color.
|
|
206
|
-
color.a = 1;
|
|
207
|
-
if (useOpacity)
|
|
208
|
-
color = Object.assign({}, color);
|
|
202
|
+
} else if (draw.isObject(color)) {
|
|
203
|
+
if (draw.isUndefined(color.a)) color.a = 1;
|
|
204
|
+
if (useOpacity) color = Object.assign({}, color);
|
|
209
205
|
RGBA = color;
|
|
210
206
|
}
|
|
211
|
-
if (!RGBA)
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
207
|
+
if (!RGBA) RGBA = {
|
|
208
|
+
r: 255,
|
|
209
|
+
g: 255,
|
|
210
|
+
b: 255,
|
|
211
|
+
a: 1
|
|
212
|
+
};
|
|
213
|
+
if (useOpacity) RGBA.a *= opacity;
|
|
215
214
|
return RGBA;
|
|
216
215
|
}
|
|
216
|
+
|
|
217
217
|
function hexToRGBA(color) {
|
|
218
218
|
let r, g, b, a = 1;
|
|
219
219
|
switch (color.length) {
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
220
|
+
case 9:
|
|
221
|
+
r = int(color.slice(1, 3), 16);
|
|
222
|
+
g = int(color.slice(3, 5), 16);
|
|
223
|
+
b = int(color.slice(5, 7), 16);
|
|
224
|
+
a = int(color.slice(7, 9), 16) / 255;
|
|
225
|
+
break;
|
|
226
|
+
|
|
227
|
+
case 7:
|
|
228
|
+
r = int(color.slice(1, 3), 16);
|
|
229
|
+
g = int(color.slice(3, 5), 16);
|
|
230
|
+
b = int(color.slice(5, 7), 16);
|
|
231
|
+
break;
|
|
232
|
+
|
|
233
|
+
case 5:
|
|
234
|
+
r = int(color[1] + color[1], 16);
|
|
235
|
+
g = int(color[2] + color[2], 16);
|
|
236
|
+
b = int(color[3] + color[3], 16);
|
|
237
|
+
a = int(color[4] + color[4], 16) / 255;
|
|
238
|
+
break;
|
|
239
|
+
|
|
240
|
+
case 4:
|
|
241
|
+
r = int(color[1] + color[1], 16);
|
|
242
|
+
g = int(color[2] + color[2], 16);
|
|
243
|
+
b = int(color[3] + color[3], 16);
|
|
244
|
+
break;
|
|
245
|
+
|
|
246
|
+
case 3:
|
|
247
|
+
r = g = b = int(color[1] + color[2], 16);
|
|
248
|
+
break;
|
|
249
|
+
|
|
250
|
+
case 2:
|
|
251
|
+
r = g = b = int(color[1] + color[1], 16);
|
|
252
|
+
break;
|
|
248
253
|
}
|
|
249
|
-
return {
|
|
254
|
+
return {
|
|
255
|
+
r: r,
|
|
256
|
+
g: g,
|
|
257
|
+
b: b,
|
|
258
|
+
a: a
|
|
259
|
+
};
|
|
250
260
|
}
|
|
261
|
+
|
|
251
262
|
function rgbToRGBA(color) {
|
|
252
263
|
const match = rgbMatch.exec(color);
|
|
253
264
|
return {
|
|
@@ -257,6 +268,7 @@ function rgbToRGBA(color) {
|
|
|
257
268
|
a: 1
|
|
258
269
|
};
|
|
259
270
|
}
|
|
271
|
+
|
|
260
272
|
function rgbaToRGBA(color) {
|
|
261
273
|
const match = rgbaMatch.exec(color);
|
|
262
274
|
return {
|
|
@@ -266,43 +278,47 @@ function rgbaToRGBA(color) {
|
|
|
266
278
|
a: float(match[4])
|
|
267
279
|
};
|
|
268
280
|
}
|
|
281
|
+
|
|
269
282
|
function hslToRGBA(color) {
|
|
270
283
|
const match = hslMatch.exec(color);
|
|
271
284
|
return hsla(float(match[1]), float(match[2]), float(match[3]), 1);
|
|
272
285
|
}
|
|
286
|
+
|
|
273
287
|
function hslaToRGBA(color) {
|
|
274
288
|
const match = hslaMatch.exec(color);
|
|
275
289
|
return hsla(float(match[1]), float(match[2]), float(match[3]), float(match[4]));
|
|
276
290
|
}
|
|
277
|
-
|
|
291
|
+
|
|
292
|
+
const n1 = 1 / 6, n2 = .5, n3 = 2 / 3, n4 = 1 / 3;
|
|
293
|
+
|
|
278
294
|
function hue(p, q, t) {
|
|
279
|
-
if (t < 0)
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
if (t < n1)
|
|
284
|
-
return p + (q - p) * 6 * t;
|
|
285
|
-
if (t < n2)
|
|
286
|
-
return q;
|
|
287
|
-
if (t < n3)
|
|
288
|
-
return p + (q - p) * (n3 - t) * 6;
|
|
295
|
+
if (t < 0) t++; else if (t > 1) t--;
|
|
296
|
+
if (t < n1) return p + (q - p) * 6 * t;
|
|
297
|
+
if (t < n2) return q;
|
|
298
|
+
if (t < n3) return p + (q - p) * (n3 - t) * 6;
|
|
289
299
|
return p;
|
|
290
300
|
}
|
|
301
|
+
|
|
291
302
|
function hsla(h, s, l, a = 1) {
|
|
292
303
|
let r, g, b;
|
|
293
304
|
h /= 360, s /= 100, l /= 100;
|
|
294
305
|
if (s === 0) {
|
|
295
306
|
r = g = b = l;
|
|
296
|
-
}
|
|
297
|
-
|
|
298
|
-
let q = l < 0.5 ? l * (1 + s) : l + s - l * s;
|
|
307
|
+
} else {
|
|
308
|
+
let q = l < .5 ? l * (1 + s) : l + s - l * s;
|
|
299
309
|
let p = 2 * l - q;
|
|
300
310
|
r = hue(p, q, h + n4);
|
|
301
311
|
g = hue(p, q, h);
|
|
302
312
|
b = hue(p, q, h - n4);
|
|
303
313
|
}
|
|
304
|
-
return {
|
|
314
|
+
return {
|
|
315
|
+
r: round(r * 255),
|
|
316
|
+
g: round(g * 255),
|
|
317
|
+
b: round(b * 255),
|
|
318
|
+
a: a
|
|
319
|
+
};
|
|
305
320
|
}
|
|
306
321
|
|
|
307
|
-
draw.Plugin.add(
|
|
322
|
+
draw.Plugin.add("color");
|
|
323
|
+
|
|
308
324
|
draw.ColorConvert.object = colorToRGBA;
|