saturon 0.2.0 → 0.2.2
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/LICENSE +7 -7
- package/README.md +121 -119
- package/dist/Color.d.ts +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.min.js +1 -1
- package/dist/math.js +1 -1
- package/dist/types.d.ts +1 -0
- package/dist/utils.d.ts +22 -5
- package/dist/utils.js +29 -1
- package/package.json +127 -127
- package/dist/tests/Color.test.d.ts +0 -17
- package/dist/tests/Color.test.js +0 -1545
- package/dist/tests/wpt.test.d.ts +0 -1
- package/dist/tests/wpt.test.js +0 -2107
package/dist/tests/wpt.test.js
DELETED
|
@@ -1,2107 +0,0 @@
|
|
|
1
|
-
import { Color } from "../Color.js";
|
|
2
|
-
describe("Web Platform Tests", () => {
|
|
3
|
-
it("should test valid <color>", () => {
|
|
4
|
-
const cases = [
|
|
5
|
-
"currentcolor",
|
|
6
|
-
"transparent",
|
|
7
|
-
"red",
|
|
8
|
-
"magenta",
|
|
9
|
-
"#234",
|
|
10
|
-
"#FEDCBA",
|
|
11
|
-
"rgb(2, 3, 4)",
|
|
12
|
-
"rgb(100%, 0%, 0%)",
|
|
13
|
-
"rgba(2, 3, 4, 0.5)",
|
|
14
|
-
"rgba(2, 3, 4, 50%)",
|
|
15
|
-
"hsl(120, 100%, 50%)",
|
|
16
|
-
"hsla(120, 100%, 50%, 0.25)",
|
|
17
|
-
"rgb(-2, 3, 4)",
|
|
18
|
-
"rgb(100, 200, 300)",
|
|
19
|
-
"rgb(20, 10, 0, -10)",
|
|
20
|
-
"rgb(100%, 200%, 300%)",
|
|
21
|
-
"light-dark(black, white)",
|
|
22
|
-
];
|
|
23
|
-
cases.forEach((input) => {
|
|
24
|
-
expect(Color.isValid(input)).toBe(true);
|
|
25
|
-
});
|
|
26
|
-
});
|
|
27
|
-
it("should test invalid <color>", () => {
|
|
28
|
-
const cases = [
|
|
29
|
-
"auto",
|
|
30
|
-
"123",
|
|
31
|
-
"#12",
|
|
32
|
-
"#123456789",
|
|
33
|
-
"rgb",
|
|
34
|
-
"rgb(1)",
|
|
35
|
-
"rgb(1,2,3,4,5)",
|
|
36
|
-
"hsla(1,2,3,4,5)",
|
|
37
|
-
"rgb(10%, 20, 30%)",
|
|
38
|
-
"rgba(-2, 300, 400%, -0.5)",
|
|
39
|
-
];
|
|
40
|
-
cases.forEach((c) => expect(Color.isValid(c)).toBe(false));
|
|
41
|
-
});
|
|
42
|
-
it("should test valid <system-color>", () => {
|
|
43
|
-
const cases = [
|
|
44
|
-
"ActiveText",
|
|
45
|
-
"ButtonBorder",
|
|
46
|
-
"ButtonFace",
|
|
47
|
-
"ButtonText",
|
|
48
|
-
"Canvas",
|
|
49
|
-
"CanvasText",
|
|
50
|
-
"Field",
|
|
51
|
-
"FieldText",
|
|
52
|
-
"GrayText",
|
|
53
|
-
"Highlight",
|
|
54
|
-
"HighlightText",
|
|
55
|
-
"LinkText",
|
|
56
|
-
"Mark",
|
|
57
|
-
"MarkText",
|
|
58
|
-
"VisitedText",
|
|
59
|
-
"SelectedItem",
|
|
60
|
-
"SelectedItemText",
|
|
61
|
-
"AccentColor",
|
|
62
|
-
"AccentColorText",
|
|
63
|
-
];
|
|
64
|
-
cases.forEach((c) => expect(Color.isValid(c, "system-color")).toBe(true));
|
|
65
|
-
});
|
|
66
|
-
it("should test invalid <named-color>", () => {
|
|
67
|
-
const cases = [
|
|
68
|
-
"",
|
|
69
|
-
" /* hey */\n",
|
|
70
|
-
"4",
|
|
71
|
-
"top",
|
|
72
|
-
"current-Color",
|
|
73
|
-
"ransparent",
|
|
74
|
-
"aiceblue",
|
|
75
|
-
"aniquewhite",
|
|
76
|
-
"aqu",
|
|
77
|
-
"aquaarine",
|
|
78
|
-
"zure",
|
|
79
|
-
"bige",
|
|
80
|
-
"bsque",
|
|
81
|
-
"blak",
|
|
82
|
-
"blacK",
|
|
83
|
-
"blanchedamond",
|
|
84
|
-
"ble",
|
|
85
|
-
"bueviolet",
|
|
86
|
-
"brwn",
|
|
87
|
-
"burlwood",
|
|
88
|
-
"cadetlue",
|
|
89
|
-
"charteuse",
|
|
90
|
-
"chocolae",
|
|
91
|
-
"coal",
|
|
92
|
-
"cornlowerblue",
|
|
93
|
-
"corsilk",
|
|
94
|
-
"cornsilK",
|
|
95
|
-
"crimso",
|
|
96
|
-
"can",
|
|
97
|
-
"darkble",
|
|
98
|
-
"darKblue",
|
|
99
|
-
"darkcya",
|
|
100
|
-
"darKcyan",
|
|
101
|
-
"darkgoldenrd",
|
|
102
|
-
"darKgoldenrod",
|
|
103
|
-
"drkgray",
|
|
104
|
-
"darKgray",
|
|
105
|
-
"darkgree",
|
|
106
|
-
"darKgreen",
|
|
107
|
-
"dargrey",
|
|
108
|
-
"darKgrey",
|
|
109
|
-
"drkkhaki",
|
|
110
|
-
"darKkhaki",
|
|
111
|
-
"darkmagnta",
|
|
112
|
-
"darKmagenta",
|
|
113
|
-
"dakolivegreen",
|
|
114
|
-
"darKolivegreen",
|
|
115
|
-
"drkorange",
|
|
116
|
-
"darKorange",
|
|
117
|
-
"dakorchid",
|
|
118
|
-
"darKorchid",
|
|
119
|
-
"darkrd",
|
|
120
|
-
"darKred",
|
|
121
|
-
"darkalmon",
|
|
122
|
-
"darKsalmon",
|
|
123
|
-
"darkseagree",
|
|
124
|
-
"darKseagreen",
|
|
125
|
-
"darkslatebue",
|
|
126
|
-
"darKslateblue",
|
|
127
|
-
"darkslategry",
|
|
128
|
-
"darKslategray",
|
|
129
|
-
"darkslategre",
|
|
130
|
-
"darKslategrey",
|
|
131
|
-
"arkturquoise",
|
|
132
|
-
"darKturquoise",
|
|
133
|
-
"arkviolet",
|
|
134
|
-
"darKviolet",
|
|
135
|
-
"deppink",
|
|
136
|
-
"deeppinK",
|
|
137
|
-
"deepskyble",
|
|
138
|
-
"deepsKyblue",
|
|
139
|
-
"dmgray",
|
|
140
|
-
"digrey",
|
|
141
|
-
"dodgeblue",
|
|
142
|
-
"frebrick",
|
|
143
|
-
"firebricK",
|
|
144
|
-
"floalwhite",
|
|
145
|
-
"foretgreen",
|
|
146
|
-
"uchsia",
|
|
147
|
-
"gainsoro",
|
|
148
|
-
"gostwhite",
|
|
149
|
-
"old",
|
|
150
|
-
"goldenro",
|
|
151
|
-
"gry",
|
|
152
|
-
"reen",
|
|
153
|
-
"geenyellow",
|
|
154
|
-
"gey",
|
|
155
|
-
"hoeydew",
|
|
156
|
-
"hotink",
|
|
157
|
-
"hotpinK",
|
|
158
|
-
"indianed",
|
|
159
|
-
"idigo",
|
|
160
|
-
"ivry",
|
|
161
|
-
"khai",
|
|
162
|
-
"Khaki",
|
|
163
|
-
"avender",
|
|
164
|
-
"avenderblush",
|
|
165
|
-
"lawgreen",
|
|
166
|
-
"lemonchffon",
|
|
167
|
-
"lightlue",
|
|
168
|
-
"lightcora",
|
|
169
|
-
"lightcyn",
|
|
170
|
-
"lightgoldenodyellow",
|
|
171
|
-
"ightgray",
|
|
172
|
-
"ligtgreen",
|
|
173
|
-
"lihtgrey",
|
|
174
|
-
"ligtpink",
|
|
175
|
-
"lightpinK",
|
|
176
|
-
"lightsalmo",
|
|
177
|
-
"lightseagree",
|
|
178
|
-
"lightsyblue",
|
|
179
|
-
"lightsKyblue",
|
|
180
|
-
"lightslatgray",
|
|
181
|
-
"lightslaterey",
|
|
182
|
-
"lightsteelbue",
|
|
183
|
-
"lightellow",
|
|
184
|
-
"lim",
|
|
185
|
-
"limgreen",
|
|
186
|
-
"inen",
|
|
187
|
-
"maenta",
|
|
188
|
-
"maron",
|
|
189
|
-
"mediumaqamarine",
|
|
190
|
-
"mediumblu",
|
|
191
|
-
"mediumrchid",
|
|
192
|
-
"mediumprple",
|
|
193
|
-
"mediumsegreen",
|
|
194
|
-
"medumslateblue",
|
|
195
|
-
"mediumsprnggreen",
|
|
196
|
-
"mediuturquoise",
|
|
197
|
-
"mediumioletred",
|
|
198
|
-
"mdnightblue",
|
|
199
|
-
"mintcrea",
|
|
200
|
-
"istyrose",
|
|
201
|
-
"moccsin",
|
|
202
|
-
"naajowhite",
|
|
203
|
-
"nay",
|
|
204
|
-
"oldlae",
|
|
205
|
-
"oliv",
|
|
206
|
-
"olivedab",
|
|
207
|
-
"orane",
|
|
208
|
-
"orangere",
|
|
209
|
-
"rchid",
|
|
210
|
-
"palegldenrod",
|
|
211
|
-
"paegreen",
|
|
212
|
-
"paleturuoise",
|
|
213
|
-
"palevioltred",
|
|
214
|
-
"papyawhip",
|
|
215
|
-
"peachpff",
|
|
216
|
-
"per",
|
|
217
|
-
"ink",
|
|
218
|
-
"pinK",
|
|
219
|
-
"pum",
|
|
220
|
-
"powderble",
|
|
221
|
-
"purpl",
|
|
222
|
-
"ed",
|
|
223
|
-
"rosyrown",
|
|
224
|
-
"royallue",
|
|
225
|
-
"sadlebrown",
|
|
226
|
-
"salmn",
|
|
227
|
-
"sandyrown",
|
|
228
|
-
"seagren",
|
|
229
|
-
"seashel",
|
|
230
|
-
"sinna",
|
|
231
|
-
"siler",
|
|
232
|
-
"skybue",
|
|
233
|
-
"sKyblue",
|
|
234
|
-
"slatelue",
|
|
235
|
-
"slategay",
|
|
236
|
-
"slategry",
|
|
237
|
-
"snw",
|
|
238
|
-
"sprnggreen",
|
|
239
|
-
"seelblue",
|
|
240
|
-
"ta",
|
|
241
|
-
"tel",
|
|
242
|
-
"thistl",
|
|
243
|
-
"toato",
|
|
244
|
-
"turquose",
|
|
245
|
-
"violt",
|
|
246
|
-
"whet",
|
|
247
|
-
"whit",
|
|
248
|
-
"whitemoke",
|
|
249
|
-
"whitesmoKe",
|
|
250
|
-
"yelow",
|
|
251
|
-
"yellwgreen",
|
|
252
|
-
];
|
|
253
|
-
cases.forEach((c) => expect(Color.isValid(c, "named-color")).toBe(false));
|
|
254
|
-
});
|
|
255
|
-
it("should test invalid <hex-color>", () => {
|
|
256
|
-
const cases = ["#", "#f", "#ff", "#ffg", "#fffg", "#fffff", "#fffffg", "#fffffff", "#fffffffg", "#fffffffff"];
|
|
257
|
-
cases.forEach((c) => expect(Color.isValid(c, "hex-color")).toBe(false));
|
|
258
|
-
});
|
|
259
|
-
it("should test valid <rgb()> and <rgba()>", () => {
|
|
260
|
-
const cases = [
|
|
261
|
-
"rgb(none none none)",
|
|
262
|
-
"rgb(none none none / none)",
|
|
263
|
-
"rgb(128 none none)",
|
|
264
|
-
"rgb(128 none none / none)",
|
|
265
|
-
"rgb(none none none / .5)",
|
|
266
|
-
"rgb(20% none none)",
|
|
267
|
-
"rgb(20% none none / none)",
|
|
268
|
-
"rgb(none none none / 50%)",
|
|
269
|
-
"rgba(none none none)",
|
|
270
|
-
"rgba(none none none / none)",
|
|
271
|
-
"rgba(128 none none)",
|
|
272
|
-
"rgba(128 none none / none)",
|
|
273
|
-
"rgba(none none none / .5)",
|
|
274
|
-
"rgba(20% none none)",
|
|
275
|
-
"rgba(20% none none / none)",
|
|
276
|
-
"rgba(none none none / 50%)",
|
|
277
|
-
"rgb(-2 3 4)",
|
|
278
|
-
"rgb(-20% 20% 40%)",
|
|
279
|
-
"rgb(257 30 40)",
|
|
280
|
-
"rgb(250% 20% 40%)",
|
|
281
|
-
"rgba(-2 3 4)",
|
|
282
|
-
"rgba(-20% 20% 40%)",
|
|
283
|
-
"rgba(257 30 40)",
|
|
284
|
-
"rgba(250% 20% 40%)",
|
|
285
|
-
"rgba(-2 3 4 / .5)",
|
|
286
|
-
"rgba(-20% 20% 40% / 50%)",
|
|
287
|
-
"rgba(257 30 40 / 50%)",
|
|
288
|
-
"rgba(250% 20% 40% / .5)",
|
|
289
|
-
"rgb(250% 51 40%)",
|
|
290
|
-
"rgb(255 20% 102)",
|
|
291
|
-
"rgb(500, 0, 0)",
|
|
292
|
-
"rgb(-500, 64, 128)",
|
|
293
|
-
"rgb(calc(infinity), 0, 0)",
|
|
294
|
-
"rgb(0, calc(infinity), 0)",
|
|
295
|
-
"rgb(0, 0, calc(infinity))",
|
|
296
|
-
"rgba(0, 0, 0, calc(infinity))",
|
|
297
|
-
"rgb(calc(-infinity), 0, 0)",
|
|
298
|
-
"rgb(0, calc(-infinity), 0)",
|
|
299
|
-
"rgb(0, 0, calc(-infinity))",
|
|
300
|
-
"rgba(0, 0, 0, calc(-infinity))",
|
|
301
|
-
"rgb(calc(NaN), 0, 0)",
|
|
302
|
-
"rgb(0, calc(NaN), 0)",
|
|
303
|
-
"rgb(0, 0, calc(NaN))",
|
|
304
|
-
"rgba(0, 0, 0, calc(NaN))",
|
|
305
|
-
"rgb(calc(0 / 0), 0, 0)",
|
|
306
|
-
"rgb(0, calc(0 / 0), 0)",
|
|
307
|
-
"rgb(0, 0, calc(0 / 0))",
|
|
308
|
-
"rgba(0, 0, 0, calc(0 / 0))",
|
|
309
|
-
];
|
|
310
|
-
cases.forEach((c) => expect(Color.isValid(c, "rgb")).toBe(true));
|
|
311
|
-
});
|
|
312
|
-
it("should test invalid <rgb()> and <rgba()>", () => {
|
|
313
|
-
const cases = [
|
|
314
|
-
"rgb(none, none, none)",
|
|
315
|
-
"rgba(none, none, none, none)",
|
|
316
|
-
"rgb(128, 0, none)",
|
|
317
|
-
"rgb(255, 255, 255, none)",
|
|
318
|
-
"rgb(10%, 50%, 0)",
|
|
319
|
-
"rgb(255, 50%, 0%)",
|
|
320
|
-
"rgb(0, 0 0)",
|
|
321
|
-
"rgb(,0, 0, 0)",
|
|
322
|
-
"rgb(0, 0,, 0)",
|
|
323
|
-
"rgb(0, 0, 0deg)",
|
|
324
|
-
"rgb(0, 0, light)",
|
|
325
|
-
"rgb()",
|
|
326
|
-
"rgb(0)",
|
|
327
|
-
"rgb(0, 0)",
|
|
328
|
-
"rgb(0%)",
|
|
329
|
-
"rgb(0%, 0%)",
|
|
330
|
-
"rgba(10%, 50%, 0, 1)",
|
|
331
|
-
"rgba(255, 50%, 0%, 1)",
|
|
332
|
-
"rgba(0, 0, 0 0)",
|
|
333
|
-
"rgba(0, 0, 0, 0deg)",
|
|
334
|
-
"rgba(0, 0, 0, light)",
|
|
335
|
-
"rgba()",
|
|
336
|
-
"rgba(0)",
|
|
337
|
-
"rgba(0, 0, 0, 0, 0)",
|
|
338
|
-
"rgba(0%)",
|
|
339
|
-
"rgba(0%, 0%)",
|
|
340
|
-
"rgba(0%, 0%, 0%, 0%, 0%)",
|
|
341
|
-
"rgb(257, 0, 5 / 0)",
|
|
342
|
-
];
|
|
343
|
-
cases.forEach((c) => expect(Color.isValid(c, "rgb")).toBe(false));
|
|
344
|
-
});
|
|
345
|
-
it("should test valid <hsl()> and <hsla()>", () => {
|
|
346
|
-
const cases = [
|
|
347
|
-
"hsl(120 30% 50%)",
|
|
348
|
-
"hsl(120 30% 50% / 0.5)",
|
|
349
|
-
"hsl(none none none)",
|
|
350
|
-
"hsl(0 0% 0%)",
|
|
351
|
-
"hsl(none none none / none)",
|
|
352
|
-
"hsl(0 0% 0% / 0)",
|
|
353
|
-
"hsla(none none none)",
|
|
354
|
-
"hsla(0 0% 0%)",
|
|
355
|
-
"hsla(none none none / none)",
|
|
356
|
-
"hsla(0 0% 0% / 0)",
|
|
357
|
-
"hsl(120 none none)",
|
|
358
|
-
"hsl(120 0% 0%)",
|
|
359
|
-
"hsl(120 80% none)",
|
|
360
|
-
"hsl(120 80% 0%)",
|
|
361
|
-
"hsl(120 none 50%)",
|
|
362
|
-
"hsl(120 0% 50%)",
|
|
363
|
-
"hsl(120 100% 50% / none)",
|
|
364
|
-
"hsl(120 100% 50% / 0)",
|
|
365
|
-
"hsl(none 100% 50%)",
|
|
366
|
-
"hsl(0 100% 50%)",
|
|
367
|
-
"hsl(120 30 50)",
|
|
368
|
-
"hsl(120 30 50 / 0.5)",
|
|
369
|
-
"hsl(120 30% 50)",
|
|
370
|
-
"hsl(120 30% 50 / 0.5)",
|
|
371
|
-
"hsl(120 30 50%)",
|
|
372
|
-
"hsl(120 30 50% / 0.5)",
|
|
373
|
-
"hsl(120 none 50)",
|
|
374
|
-
"hsl(120 none 50 / 0.5)",
|
|
375
|
-
"hsl(120 30 none)",
|
|
376
|
-
"hsl(120 30 none / 0.5)",
|
|
377
|
-
"hsl(120 30 50 / none)",
|
|
378
|
-
"hsl(0 -50% 40%)",
|
|
379
|
-
"hsl(30 -50% 60)",
|
|
380
|
-
"hsl(0 -50 40%)",
|
|
381
|
-
"hsl(30 -50 60)",
|
|
382
|
-
"hsl(calc(infinity) 100% 50%)",
|
|
383
|
-
"hsl(calc(-infinity) 100% 50%)",
|
|
384
|
-
"hsl(calc(0 / 0) 100% 50%)",
|
|
385
|
-
"hsl(90 50% 50% / calc(infinity))",
|
|
386
|
-
"hsl(90 50% 50% / calc(-infinity))",
|
|
387
|
-
"hsl(90 50% 50% / calc(0 / 0))",
|
|
388
|
-
];
|
|
389
|
-
cases.forEach((c) => expect(Color.isValid(c, "hsl")).toBe(true));
|
|
390
|
-
});
|
|
391
|
-
it("should test invalid <hsl()> and <hsla()>", () => {
|
|
392
|
-
const cases = [
|
|
393
|
-
"hsl(none, none, none)",
|
|
394
|
-
"hsla(none, none, none, none)",
|
|
395
|
-
"hsl(none, 100%, 50%)",
|
|
396
|
-
"hsla(120, 100%, 50%, none)",
|
|
397
|
-
"hsl(10, 50%, 0)",
|
|
398
|
-
"hsl(50%, 50%, 0%)",
|
|
399
|
-
"hsl(0, 0% 0%)",
|
|
400
|
-
"hsl(0, 0%, light)",
|
|
401
|
-
"hsl()",
|
|
402
|
-
"hsl(0)",
|
|
403
|
-
"hsl(0, 0%)",
|
|
404
|
-
"hsl(0, 50, 30%)",
|
|
405
|
-
"hsl(0, 50%, 30)",
|
|
406
|
-
"hsla(10, 50%, 0, 1)",
|
|
407
|
-
"hsla(50%, 50%, 0%, 1)",
|
|
408
|
-
"hsla(0, 0% 0%, 1)",
|
|
409
|
-
"hsla(0, 0%, light, 1)",
|
|
410
|
-
"hsla()",
|
|
411
|
-
"hsla(0)",
|
|
412
|
-
"hsla(0, 0%)",
|
|
413
|
-
"hsla(0, 0%, 0%, 1, 0%)",
|
|
414
|
-
"hsl(0, 50, 30%, 1)",
|
|
415
|
-
"hsl(0, 50%, 30, 1)",
|
|
416
|
-
];
|
|
417
|
-
cases.forEach((c) => expect(Color.isValid(c, "hsl")).toBe(false));
|
|
418
|
-
});
|
|
419
|
-
it("should test valid <hwb()>", () => {
|
|
420
|
-
const cases = [
|
|
421
|
-
"hwb(120 30% 50%)",
|
|
422
|
-
"hwb(120 30% 50% / 0.5)",
|
|
423
|
-
"hwb(none none none)",
|
|
424
|
-
"hwb(0 0% 0%)",
|
|
425
|
-
"hwb(none none none / none)",
|
|
426
|
-
"hwb(0 0% 0% / 0)",
|
|
427
|
-
"hwb(120 none none)",
|
|
428
|
-
"hwb(120 0% 0%)",
|
|
429
|
-
"hwb(120 80% none)",
|
|
430
|
-
"hwb(120 80% 0%)",
|
|
431
|
-
"hwb(120 none 50%)",
|
|
432
|
-
"hwb(120 0% 50%)",
|
|
433
|
-
"hwb(120 30% 50% / none)",
|
|
434
|
-
"hwb(120 30% 50% / 0)",
|
|
435
|
-
"hwb(none 100% 50% / none)",
|
|
436
|
-
"hwb(0 100% 50% / 0)",
|
|
437
|
-
"hwb(120 30 50)",
|
|
438
|
-
"hwb(120 30 50 / 0.5)",
|
|
439
|
-
"hwb(120 30% 50)",
|
|
440
|
-
"hwb(120 30% 50 / 0.5)",
|
|
441
|
-
"hwb(120 30 50%)",
|
|
442
|
-
"hwb(120 30 50% / 0.5)",
|
|
443
|
-
"hwb(120 none 50)",
|
|
444
|
-
"hwb(120 none 50 / 0.5)",
|
|
445
|
-
"hwb(120 30 none)",
|
|
446
|
-
"hwb(120 30 none / 0.5)",
|
|
447
|
-
"hwb(120 30 50 / none)",
|
|
448
|
-
"hwb(320deg 30% 40%)",
|
|
449
|
-
"hwb(calc(infinity) 20% 10%)",
|
|
450
|
-
"hwb(calc(-infinity) 20% 10%)",
|
|
451
|
-
"hwb(calc(0 / 0) 20% 10%)",
|
|
452
|
-
"hwb(90 20% 10% / calc(infinity))",
|
|
453
|
-
"hwb(90 20% 10% / calc(-infinity))",
|
|
454
|
-
"hwb(90 20% 10% / calc(0 / 0))",
|
|
455
|
-
];
|
|
456
|
-
cases.forEach((c) => expect(Color.isValid(c, "hwb")).toBe(true));
|
|
457
|
-
});
|
|
458
|
-
it("should test invalid <hwb()>", () => {
|
|
459
|
-
const cases = [
|
|
460
|
-
"hwba(120 30% 50%)",
|
|
461
|
-
"hwba(120 30% 50% / 0.5)",
|
|
462
|
-
"hwb(90deg, 50%, 50%)",
|
|
463
|
-
"hwb(90deg, 50%, 50%, 0.2)",
|
|
464
|
-
"hwb(90, 50%, 50%)",
|
|
465
|
-
"hwb(90, 50%, 50%, 0.2)",
|
|
466
|
-
];
|
|
467
|
-
cases.forEach((c) => expect(Color.isValid(c, "hwb")).toBe(false));
|
|
468
|
-
});
|
|
469
|
-
it("should test valid <lab()>, <oklab()>, <lch()> and <oklch()>", () => {
|
|
470
|
-
const lab = [
|
|
471
|
-
"lab(0 0 0)",
|
|
472
|
-
"lab(0 0 0 / 1)",
|
|
473
|
-
"lab(0 0 0 / 0.5)",
|
|
474
|
-
"lab(20 0 10/0.5)",
|
|
475
|
-
"lab(20 0 10/50%)",
|
|
476
|
-
"lab(400 0 10/50%)",
|
|
477
|
-
"lab(50 -160 160)",
|
|
478
|
-
"lab(50 -200 200)",
|
|
479
|
-
"lab(0 0 0 / -10%)",
|
|
480
|
-
"lab(0 0 0 / 110%)",
|
|
481
|
-
"lab(0 0 0 / 300%)",
|
|
482
|
-
"lab(-40 0 0)",
|
|
483
|
-
"lab(50 -20 0)",
|
|
484
|
-
"lab(50 0 -20)",
|
|
485
|
-
"lab(50% 50% -20%)",
|
|
486
|
-
"lab(50 -20% -20%)",
|
|
487
|
-
"lab(calc(50 * 3) calc(0.5 - 1) calc(1.5) / calc(-0.5 + 1))",
|
|
488
|
-
"lab(calc(-50 * 3) calc(0.5 + 1) calc(-1.5) / calc(-0.5 * 2))",
|
|
489
|
-
"lab(calc(50%) 50% 0.5)",
|
|
490
|
-
"lab(200 calc(50%) 0.5)",
|
|
491
|
-
"lab(-200 calc(50%) 0.5)",
|
|
492
|
-
"lab(none 20 calc(0.5))",
|
|
493
|
-
"lab(none none none / none)",
|
|
494
|
-
"lab(none none none)",
|
|
495
|
-
"lab(20 none none / none)",
|
|
496
|
-
"lab(none none none / 0.5)",
|
|
497
|
-
"lab(0 0 0 / none)",
|
|
498
|
-
"lab(calc(infinity) 0 0)",
|
|
499
|
-
"lab(50 calc(infinity) 0)",
|
|
500
|
-
"lab(50 calc(-infinity) 0)",
|
|
501
|
-
"lab(calc(NaN) 0 0)",
|
|
502
|
-
"lab(calc(0 / 0) 0 0)",
|
|
503
|
-
];
|
|
504
|
-
lab.forEach((c) => expect(Color.isValid(c, "lab")).toBe(true));
|
|
505
|
-
const oklab = [
|
|
506
|
-
"oklab(0 0 0)",
|
|
507
|
-
"oklab(0 0 0 / 1)",
|
|
508
|
-
"oklab(0 0 0 / 0.5)",
|
|
509
|
-
"oklab(0.2 0 0.1/0.5)",
|
|
510
|
-
"oklab(0.2 0 0.1/50%)",
|
|
511
|
-
"oklab(4 0 0.1/50%)",
|
|
512
|
-
"oklab(0.5 -1.6 1.6)",
|
|
513
|
-
"oklab(0.5 -2 2)",
|
|
514
|
-
"oklab(0 0 0 / -10%)",
|
|
515
|
-
"oklab(0 0 0 / 110%)",
|
|
516
|
-
"oklab(0 0 0 / 300%)",
|
|
517
|
-
"oklab(-0.4 0 0)",
|
|
518
|
-
"oklab(0.5 -2 0)",
|
|
519
|
-
"oklab(0.5 0 -2)",
|
|
520
|
-
"oklab(50% 50% -20%)",
|
|
521
|
-
"oklab(0.5 -20% -20%)",
|
|
522
|
-
"oklab(calc(0.5 * 3) calc(0.5 - 1) calc(1.5) / calc(-0.5 + 1))",
|
|
523
|
-
"oklab(calc(-0.5 * 3) calc(0.5 + 1) calc(-1.5) / calc(-0.5 * 2))",
|
|
524
|
-
"oklab(calc(50%) 50% 0.5)",
|
|
525
|
-
"oklab(200 calc(50%) 0.5)",
|
|
526
|
-
"oklab(-200 calc(50%) 0.5)",
|
|
527
|
-
"oklab(none 0.2 calc(0.5))",
|
|
528
|
-
"oklab(none none none / none)",
|
|
529
|
-
"oklab(none none none)",
|
|
530
|
-
"oklab(0.2 none none / none)",
|
|
531
|
-
"oklab(none none none / 0.5)",
|
|
532
|
-
"oklab(0 0 0 / none)",
|
|
533
|
-
"oklab(calc(infinity) 0 0)",
|
|
534
|
-
"oklab(0.5 calc(infinity) 0)",
|
|
535
|
-
"oklab(0.5 calc(-infinity) 0)",
|
|
536
|
-
"oklab(calc(NaN) 0 0)",
|
|
537
|
-
"oklab(calc(0 / 0) 0 0)",
|
|
538
|
-
];
|
|
539
|
-
oklab.forEach((c) => expect(Color.isValid(c, "oklab")).toBe(true));
|
|
540
|
-
const lch = [
|
|
541
|
-
"lch(0 0 0deg)",
|
|
542
|
-
"lch(0 0 0deg / 1)",
|
|
543
|
-
"lch(0 0 0deg / 0.5)",
|
|
544
|
-
"lch(100 230 0deg / 0.5)",
|
|
545
|
-
"lch(20 50 20deg/0.5)",
|
|
546
|
-
"lch(20 50 20deg/50%)",
|
|
547
|
-
"lch(10 20 20deg / -10%)",
|
|
548
|
-
"lch(10 20 20deg / 110%)",
|
|
549
|
-
"lch(10 20 1.28rad)",
|
|
550
|
-
"lch(10 20 380deg)",
|
|
551
|
-
"lch(10 20 -340deg)",
|
|
552
|
-
"lch(10 20 740deg)",
|
|
553
|
-
"lch(10 20 -700deg)",
|
|
554
|
-
"lch(-40 0 0)",
|
|
555
|
-
"lch(20 -20 0)",
|
|
556
|
-
"lch(0 0 0 / 0.5)",
|
|
557
|
-
"lch(10 20 20 / 110%)",
|
|
558
|
-
"lch(10 20 -700)",
|
|
559
|
-
"lch(50% 50% 20)",
|
|
560
|
-
"lch(0.5 -20% -20)",
|
|
561
|
-
"lch(calc(50 * 3) calc(0.5 - 1) calc(20deg * 2) / calc(-0.5 + 1))",
|
|
562
|
-
"lch(calc(-50 * 3) calc(0.5 + 1) calc(-20deg * 2) / calc(-0.5 * 2))",
|
|
563
|
-
"lch(calc(50%) 50% 0.5)",
|
|
564
|
-
"lch(200 calc(50%) 0.5)",
|
|
565
|
-
"lch(-200 calc(50%) 0.5)",
|
|
566
|
-
"lch(calc(50%) -100 0.5)",
|
|
567
|
-
"lch(none 20 calc(0.5))",
|
|
568
|
-
"lch(none none none / none)",
|
|
569
|
-
"lch(none none none)",
|
|
570
|
-
"lch(20 none none / none)",
|
|
571
|
-
"lch(none none none / 0.5)",
|
|
572
|
-
"lch(0 0 0 / none)",
|
|
573
|
-
"lch(calc(infinity) 0 0)",
|
|
574
|
-
"lch(50 calc(infinity) 0)",
|
|
575
|
-
"lch(50 calc(-infinity) 0)",
|
|
576
|
-
"lch(calc(NaN) 0 0)",
|
|
577
|
-
"lch(calc(0 / 0) 0 0)",
|
|
578
|
-
];
|
|
579
|
-
lch.forEach((c) => expect(Color.isValid(c, "lch")).toBe(true));
|
|
580
|
-
const oklch = [
|
|
581
|
-
"oklch(0 0 0deg)",
|
|
582
|
-
"oklch(0 0 0deg / 1)",
|
|
583
|
-
"oklch(0 0 0deg / 0.5)",
|
|
584
|
-
"oklch(1 2.3 0deg / 0.5)",
|
|
585
|
-
"oklch(0.2 0.5 20deg/0.5)",
|
|
586
|
-
"oklch(0.2 0.5 20deg/50%)",
|
|
587
|
-
"oklch(0.1 0.2 20deg / -10%)",
|
|
588
|
-
"oklch(0.1 0.2 20deg / 110%)",
|
|
589
|
-
"oklch(0.1 0.2 1.28rad)",
|
|
590
|
-
"oklch(0.1 0.2 380deg)",
|
|
591
|
-
"oklch(0.1 0.2 -340deg)",
|
|
592
|
-
"oklch(0.1 0.2 740deg)",
|
|
593
|
-
"oklch(0.1 0.2 -700deg)",
|
|
594
|
-
"oklch(-4 0 0)",
|
|
595
|
-
"oklch(0.2 -0.2 0)",
|
|
596
|
-
"oklch(0 0 0 / 0.5)",
|
|
597
|
-
"oklch(0.1 0.2 20 / 110%)",
|
|
598
|
-
"oklch(0.1 0.2 -700)",
|
|
599
|
-
"oklch(50% 50% 20)",
|
|
600
|
-
"oklch(0.5 -20% -20)",
|
|
601
|
-
"oklch(calc(0.5 * 3) calc(0.5 - 1) calc(20deg * 2) / calc(-0.5 + 1))",
|
|
602
|
-
"oklch(calc(-0.5 * 3) calc(0.5 + 1) calc(-20deg * 2) / calc(-0.5 * 2))",
|
|
603
|
-
"oklch(calc(50%) 50% 0.5)",
|
|
604
|
-
"oklch(200 calc(50%) 0.5)",
|
|
605
|
-
"oklch(-200 calc(50%) 0.5)",
|
|
606
|
-
"oklch(calc(50%) -100 0.5)",
|
|
607
|
-
"oklch(none 0.2 calc(0.5))",
|
|
608
|
-
"oklch(none none none / none)",
|
|
609
|
-
"oklch(none none none)",
|
|
610
|
-
"oklch(0.2 none none / none)",
|
|
611
|
-
"oklch(none none none / 0.5)",
|
|
612
|
-
"oklch(0 0 0 / none)",
|
|
613
|
-
"oklch(calc(infinity) 0 0)",
|
|
614
|
-
"oklch(0.5 calc(infinity) 0)",
|
|
615
|
-
"oklch(0.5 calc(-infinity) 0)",
|
|
616
|
-
"oklch(calc(NaN) 0 0)",
|
|
617
|
-
"oklch(calc(0 / 0) 0 0)",
|
|
618
|
-
];
|
|
619
|
-
oklch.forEach((c) => expect(Color.isValid(c, "oklch")).toBe(true));
|
|
620
|
-
});
|
|
621
|
-
it("should test invalid <lab()>, <oklab()>, <lch()> and <oklch()>", () => {
|
|
622
|
-
for (const colorSpace of ["lab", "oklab"]) {
|
|
623
|
-
const cases = [
|
|
624
|
-
`${colorSpace}(0% 0 0 1)`,
|
|
625
|
-
`${colorSpace}(0% 0 0 10%)`,
|
|
626
|
-
`${colorSpace}(0% 0 0deg)`,
|
|
627
|
-
`${colorSpace}(0% 0% 0deg)`,
|
|
628
|
-
`${colorSpace}(40% 0 0deg)`,
|
|
629
|
-
`color(${colorSpace} 20% 0 10 / 50%)`,
|
|
630
|
-
];
|
|
631
|
-
cases.forEach((c) => expect(Color.isValid(c, colorSpace)).toBe(false));
|
|
632
|
-
}
|
|
633
|
-
for (const colorSpace of ["lch", "oklch"]) {
|
|
634
|
-
const cases = [
|
|
635
|
-
`${colorSpace}(20% 10 10deg 10)`,
|
|
636
|
-
`${colorSpace}(20% 10 10deg 10 / 0.5)`,
|
|
637
|
-
`color(${colorSpace} 20% 0 10 / 50%)`,
|
|
638
|
-
];
|
|
639
|
-
cases.forEach((c) => expect(Color.isValid(c, colorSpace)).toBe(false));
|
|
640
|
-
}
|
|
641
|
-
});
|
|
642
|
-
it("should test valid <color()>", () => {
|
|
643
|
-
for (const colorSpace of [
|
|
644
|
-
"srgb",
|
|
645
|
-
"srgb-linear",
|
|
646
|
-
"a98-rgb",
|
|
647
|
-
"rec2020",
|
|
648
|
-
"prophoto-rgb",
|
|
649
|
-
"display-p3",
|
|
650
|
-
"xyz",
|
|
651
|
-
"xyz-d50",
|
|
652
|
-
"xyz-d65",
|
|
653
|
-
]) {
|
|
654
|
-
const cases = [
|
|
655
|
-
`color(${colorSpace} 0% 0% 0%)`,
|
|
656
|
-
`color(${colorSpace} 10% 10% 10%)`,
|
|
657
|
-
`color(${colorSpace} .2 .2 25%)`,
|
|
658
|
-
`color(${colorSpace} 0 0 0 / 1)`,
|
|
659
|
-
`color(${colorSpace} 0% 0 0 / 0.5)`,
|
|
660
|
-
`color(${colorSpace} 20% 0 10/0.5)`,
|
|
661
|
-
`color(${colorSpace} 20% 0 10/50%)`,
|
|
662
|
-
`color(${colorSpace} 400% 0 10/50%)`,
|
|
663
|
-
`color(${colorSpace} 50% -160 160)`,
|
|
664
|
-
`color(${colorSpace} 50% -200 200)`,
|
|
665
|
-
`color(${colorSpace} 0 0 0 / -10%)`,
|
|
666
|
-
`color(${colorSpace} 0 0 0 / 110%)`,
|
|
667
|
-
`color(${colorSpace} 0 0 0 / 300%)`,
|
|
668
|
-
`color(${colorSpace} 200 200 200)`,
|
|
669
|
-
`color(${colorSpace} 200 200 200 / 200)`,
|
|
670
|
-
`color(${colorSpace} -200 -200 -200)`,
|
|
671
|
-
`color(${colorSpace} -200 -200 -200 / -200)`,
|
|
672
|
-
`color(${colorSpace} 200% 200% 200%)`,
|
|
673
|
-
`color(${colorSpace} 200% 200% 200% / 200%)`,
|
|
674
|
-
`color(${colorSpace} -200% -200% -200% / -200%)`,
|
|
675
|
-
`color(${colorSpace} calc(0.5 + 1) calc(0.5 - 1) calc(0.5) / calc(-0.5 + 1))`,
|
|
676
|
-
`color(${colorSpace} calc(50% * 3) calc(-150% / 3) calc(50%) / calc(-50% * 3))`,
|
|
677
|
-
`color(${colorSpace} calc(50%) 50% 0.5)`,
|
|
678
|
-
`color(${colorSpace} none none none / none)`,
|
|
679
|
-
`color(${colorSpace} none none none)`,
|
|
680
|
-
`color(${colorSpace} 10% none none / none)`,
|
|
681
|
-
`color(${colorSpace} none none none / 0.5)`,
|
|
682
|
-
`color(${colorSpace} 0 0 0 / none)`,
|
|
683
|
-
`color(${colorSpace} 0 calc(infinity) 0)`,
|
|
684
|
-
`color(${colorSpace} 0 calc(-infinity) 0)`,
|
|
685
|
-
`color(${colorSpace} calc(NaN) 0 0)`,
|
|
686
|
-
`color(${colorSpace} calc(0 / 0) 0 0)`,
|
|
687
|
-
];
|
|
688
|
-
cases.forEach((c) => expect(Color.isValid(c, colorSpace)).toBe(true));
|
|
689
|
-
}
|
|
690
|
-
});
|
|
691
|
-
it("should test invalid <color()>", () => {
|
|
692
|
-
const RGB_SPACES = ["srgb", "srgb-linear", "a98-rgb", "rec2020", "prophoto-rgb"];
|
|
693
|
-
const XYZ_SPACES = ["xyz", "xyz-d50", "xyz-d65"];
|
|
694
|
-
for (const colorSpace of RGB_SPACES) {
|
|
695
|
-
const cases = [
|
|
696
|
-
`color(${colorSpace} 0 0 0 0)`,
|
|
697
|
-
`color(${colorSpace} 0deg 0% 0)`,
|
|
698
|
-
`color(${colorSpace} 0% 0 0 1)`,
|
|
699
|
-
`color(${colorSpace} 0% 0 0 10%)`,
|
|
700
|
-
`color(${colorSpace} 0% 0 0deg)`,
|
|
701
|
-
`color(${colorSpace} 0% 0% 0deg)`,
|
|
702
|
-
`color(${colorSpace} 40% 0 0deg)`,
|
|
703
|
-
`color(${colorSpace} 50% -200)`,
|
|
704
|
-
`color(${colorSpace} 50%)`,
|
|
705
|
-
`color(${colorSpace})`,
|
|
706
|
-
`color(${colorSpace} 50% -200 / 0.5)`,
|
|
707
|
-
`color(${colorSpace} 50% / 0.5)`,
|
|
708
|
-
`color(${colorSpace} / 0.5)`,
|
|
709
|
-
];
|
|
710
|
-
cases.forEach((c) => expect(Color.isValid(c, colorSpace)).toBe(false));
|
|
711
|
-
}
|
|
712
|
-
for (const colorSpace of XYZ_SPACES) {
|
|
713
|
-
const cases = [
|
|
714
|
-
`color(${colorSpace} 0 0 0 0)`,
|
|
715
|
-
`color(${colorSpace} 0deg 0% 0)`,
|
|
716
|
-
`color(${colorSpace} 0% 0 0 1)`,
|
|
717
|
-
`color(${colorSpace} 0% 0 0 10%)`,
|
|
718
|
-
`color(${colorSpace} 0% 0 0deg)`,
|
|
719
|
-
`color(${colorSpace} 0% 0% 0deg)`,
|
|
720
|
-
`color(${colorSpace} 40% 0 0deg)`,
|
|
721
|
-
`color(${colorSpace} 1 1)`,
|
|
722
|
-
`color(${colorSpace} 1)`,
|
|
723
|
-
`color(${colorSpace})`,
|
|
724
|
-
`color(${colorSpace} 1 1 / .5)`,
|
|
725
|
-
`color(${colorSpace} 1 / 0.5)`,
|
|
726
|
-
`color(${colorSpace} / 50%)`,
|
|
727
|
-
];
|
|
728
|
-
cases.forEach((c) => expect(Color.isValid(c, colorSpace)).toBe(false));
|
|
729
|
-
}
|
|
730
|
-
const cases = [
|
|
731
|
-
"color()",
|
|
732
|
-
"color(banana 1 1 1)",
|
|
733
|
-
"color(displayp3 1 1 1)",
|
|
734
|
-
"color(1 1 1)",
|
|
735
|
-
"color(srgb 1 1)",
|
|
736
|
-
"color(srgb 1)",
|
|
737
|
-
"color(srgb 0, 0, 0)",
|
|
738
|
-
"color(srgb 1 1 1 1)",
|
|
739
|
-
"color(srgb 1 1 1 1 1)",
|
|
740
|
-
"color(srgb 1 eggs 1)",
|
|
741
|
-
"color(srgb 1 1 1 / bacon)",
|
|
742
|
-
"color(srgb 1 1 1 / 1 cucumber)",
|
|
743
|
-
];
|
|
744
|
-
cases.forEach((c) => expect(Color.isValid(c, "srgb")).toBe(false));
|
|
745
|
-
for (const colorSpace of [...RGB_SPACES, ...XYZ_SPACES]) {
|
|
746
|
-
expect(Color.isValid(`${colorSpace}(0 0 0)`, colorSpace)).toBe(false);
|
|
747
|
-
}
|
|
748
|
-
});
|
|
749
|
-
it("should test valid relative <color-function>", () => {
|
|
750
|
-
for (const rgbFn of ["rgb", "rgba"]) {
|
|
751
|
-
const rgb = [
|
|
752
|
-
`${rgbFn}(from rebeccapurple r g b)`,
|
|
753
|
-
`${rgbFn}(from rebeccapurple r g b / alpha)`,
|
|
754
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) r g b / alpha)`,
|
|
755
|
-
`${rgbFn}(from hsl(120deg 20% 50% / .5) r g b / alpha)`,
|
|
756
|
-
`${rgbFn}(from rgb(from rebeccapurple r g b) r g b)`,
|
|
757
|
-
`${rgbFn}(from rebeccapurple 0 0 0)`,
|
|
758
|
-
`${rgbFn}(from rebeccapurple 0 0 0 / 0)`,
|
|
759
|
-
`${rgbFn}(from rebeccapurple 0 g b / alpha)`,
|
|
760
|
-
`${rgbFn}(from rebeccapurple r 0 b / alpha)`,
|
|
761
|
-
`${rgbFn}(from rebeccapurple r g 0 / alpha)`,
|
|
762
|
-
`${rgbFn}(from rebeccapurple r g b / 0)`,
|
|
763
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) 0 g b / alpha)`,
|
|
764
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) r 0 b / alpha)`,
|
|
765
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) r g 0 / alpha)`,
|
|
766
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) r g b / 0)`,
|
|
767
|
-
`${rgbFn}(from rebeccapurple 25 g b / alpha)`,
|
|
768
|
-
`${rgbFn}(from rebeccapurple r 25 b / alpha)`,
|
|
769
|
-
`${rgbFn}(from rebeccapurple r g 25 / alpha)`,
|
|
770
|
-
`${rgbFn}(from rebeccapurple r g b / .25)`,
|
|
771
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) 25 g b / alpha)`,
|
|
772
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) r 25 b / alpha)`,
|
|
773
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) r g 25 / alpha)`,
|
|
774
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) r g b / .20)`,
|
|
775
|
-
`${rgbFn}(from rebeccapurple 20% g b / alpha)`,
|
|
776
|
-
`${rgbFn}(from rebeccapurple r 20% b / alpha)`,
|
|
777
|
-
`${rgbFn}(from rebeccapurple r g 20% / alpha)`,
|
|
778
|
-
`${rgbFn}(from rebeccapurple r g b / 20%)`,
|
|
779
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) 20% g b / alpha)`,
|
|
780
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) r 20% b / alpha)`,
|
|
781
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) r g 20% / alpha)`,
|
|
782
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) r g b / 20%)`,
|
|
783
|
-
`${rgbFn}(from rebeccapurple 25 g b / 25%)`,
|
|
784
|
-
`${rgbFn}(from rebeccapurple r 25 b / 25%)`,
|
|
785
|
-
`${rgbFn}(from rebeccapurple r g 25 / 25%)`,
|
|
786
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) 25 g b / 25%)`,
|
|
787
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) r 25 b / 25%)`,
|
|
788
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) r g 25 / 25%)`,
|
|
789
|
-
`${rgbFn}(from rebeccapurple g b r)`,
|
|
790
|
-
`${rgbFn}(from rebeccapurple b alpha r / g)`,
|
|
791
|
-
`${rgbFn}(from rebeccapurple r r r / r)`,
|
|
792
|
-
`${rgbFn}(from rebeccapurple alpha alpha alpha / alpha)`,
|
|
793
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) g b r)`,
|
|
794
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) b alpha r / g)`,
|
|
795
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) r r r / r)`,
|
|
796
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) alpha alpha alpha / alpha)`,
|
|
797
|
-
`${rgbFn}(from rebeccapurple r 20% 10)`,
|
|
798
|
-
`${rgbFn}(from rebeccapurple r 10 20%)`,
|
|
799
|
-
`${rgbFn}(from rebeccapurple 0% 10 10)`,
|
|
800
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) r 20% 10)`,
|
|
801
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) r 10 20%)`,
|
|
802
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) 0% 10 10)`,
|
|
803
|
-
`${rgbFn}(from rebeccapurple calc(r) calc(g) calc(b))`,
|
|
804
|
-
`${rgbFn}(from rebeccapurple r calc(g * 2) 10)`,
|
|
805
|
-
`${rgbFn}(from rebeccapurple b calc(r * .5) 10)`,
|
|
806
|
-
`${rgbFn}(from rebeccapurple r calc(g * .5 + g * .5) 10)`,
|
|
807
|
-
`${rgbFn}(from rebeccapurple r calc(b * .5 - g * .5) 10)`,
|
|
808
|
-
`${rgbFn}(from rgb(20%, 40%, 60%, 80%) calc(r) calc(g) calc(b) / calc(alpha))`,
|
|
809
|
-
`${rgbFn}(from rebeccapurple none none none)`,
|
|
810
|
-
`${rgbFn}(from rebeccapurple none none none / none)`,
|
|
811
|
-
`${rgbFn}(from rebeccapurple r g none)`,
|
|
812
|
-
`${rgbFn}(from rebeccapurple r g none / alpha)`,
|
|
813
|
-
`${rgbFn}(from rebeccapurple r g b / none)`,
|
|
814
|
-
`${rgbFn}(from rgb(20% 40% 60% / 80%) r g none / alpha)`,
|
|
815
|
-
`${rgbFn}(from rgb(20% 40% 60% / 80%) r g b / none)`,
|
|
816
|
-
`${rgbFn}(from rgb(none none none) r g b)`,
|
|
817
|
-
`${rgbFn}(from rgb(none none none / none) r g b / alpha)`,
|
|
818
|
-
`${rgbFn}(from rgb(20% none 60%) r g b)`,
|
|
819
|
-
`${rgbFn}(from rgb(20% 40% 60% / none) r g b / alpha)`,
|
|
820
|
-
`${rgbFn}(from currentColor r g b)`,
|
|
821
|
-
`${rgbFn}(from color-mix(in srgb, red, red) r g b / alpha)`,
|
|
822
|
-
];
|
|
823
|
-
rgb.forEach((c) => expect(Color.isValid(c, "rgb")).toBe(true));
|
|
824
|
-
}
|
|
825
|
-
for (const hslFn of ["hsl", "hsla"]) {
|
|
826
|
-
const hsl = [
|
|
827
|
-
`${hslFn}(from rebeccapurple h s l)`,
|
|
828
|
-
`${hslFn}(from rebeccapurple h s l / alpha)`,
|
|
829
|
-
`${hslFn}(from rgb(20%, 40%, 60%, 80%) h s l / alpha)`,
|
|
830
|
-
`${hslFn}(from hsl(120deg 20% 50% / .5) h s l / alpha)`,
|
|
831
|
-
`${hslFn}(from hsl(from rebeccapurple h s l) h s l)`,
|
|
832
|
-
`${hslFn}(from rebeccapurple 0 0% 0%)`,
|
|
833
|
-
`${hslFn}(from rebeccapurple 0deg 0% 0%)`,
|
|
834
|
-
`${hslFn}(from rebeccapurple 0 0% 0% / 0)`,
|
|
835
|
-
`${hslFn}(from rebeccapurple 0deg 0% 0% / 0)`,
|
|
836
|
-
`${hslFn}(from rebeccapurple 0 s l / alpha)`,
|
|
837
|
-
`${hslFn}(from rebeccapurple 0deg s l / alpha)`,
|
|
838
|
-
`${hslFn}(from rebeccapurple h 0% l / alpha)`,
|
|
839
|
-
`${hslFn}(from rebeccapurple h s 0% / alpha)`,
|
|
840
|
-
`${hslFn}(from rebeccapurple h s l / 0)`,
|
|
841
|
-
`${hslFn}(from rgb(20%, 40%, 60%, 80%) 0 s l / alpha)`,
|
|
842
|
-
`${hslFn}(from rgb(20%, 40%, 60%, 80%) 0deg s l / alpha)`,
|
|
843
|
-
`${hslFn}(from rgb(20%, 40%, 60%, 80%) h 0% l / alpha)`,
|
|
844
|
-
`${hslFn}(from rgb(20%, 40%, 60%, 80%) h s 0% / alpha)`,
|
|
845
|
-
`${hslFn}(from rgb(20%, 40%, 60%, 80%) h s l / 0)`,
|
|
846
|
-
`${hslFn}(from rebeccapurple 25 s l / alpha)`,
|
|
847
|
-
`${hslFn}(from rebeccapurple 25deg s l / alpha)`,
|
|
848
|
-
`${hslFn}(from rebeccapurple h 20% l / alpha)`,
|
|
849
|
-
`${hslFn}(from rebeccapurple h s 20% / alpha)`,
|
|
850
|
-
`${hslFn}(from rebeccapurple h s l / .25)`,
|
|
851
|
-
`${hslFn}(from rgb(20%, 40%, 60%, 80%) 25 s l / alpha)`,
|
|
852
|
-
`${hslFn}(from rgb(20%, 40%, 60%, 80%) 25deg s l / alpha)`,
|
|
853
|
-
`${hslFn}(from rgb(20%, 40%, 60%, 80%) h 20% l / alpha)`,
|
|
854
|
-
`${hslFn}(from rgb(20%, 40%, 60%, 80%) h s 20% / alpha)`,
|
|
855
|
-
`${hslFn}(from rgb(20%, 40%, 60%, 80%) h s l / .2)`,
|
|
856
|
-
`${hslFn}(from rebeccapurple h l s)`,
|
|
857
|
-
`${hslFn}(from rebeccapurple h alpha l / s)`,
|
|
858
|
-
`${hslFn}(from rebeccapurple h l l / l)`,
|
|
859
|
-
`${hslFn}(from rebeccapurple h alpha alpha / alpha)`,
|
|
860
|
-
`${hslFn}(from rgb(20%, 40%, 60%, 80%) h l s)`,
|
|
861
|
-
`${hslFn}(from rgb(20%, 40%, 60%, 80%) h alpha l / s)`,
|
|
862
|
-
`${hslFn}(from rgb(20%, 40%, 60%, 80%) h l l / l)`,
|
|
863
|
-
`${hslFn}(from rgb(20%, 40%, 60%, 80%) h alpha alpha / alpha)`,
|
|
864
|
-
`${hslFn}(from rebeccapurple calc(h) calc(s) calc(l))`,
|
|
865
|
-
`${hslFn}(from rgb(20%, 40%, 60%, 80%) calc(h) calc(s) calc(l) / calc(alpha))`,
|
|
866
|
-
`${hslFn}(from rebeccapurple none none none)`,
|
|
867
|
-
`${hslFn}(from rebeccapurple none none none / none)`,
|
|
868
|
-
`${hslFn}(from rebeccapurple h s none)`,
|
|
869
|
-
`${hslFn}(from rebeccapurple h s none / alpha)`,
|
|
870
|
-
`${hslFn}(from rebeccapurple h s l / none)`,
|
|
871
|
-
`${hslFn}(from rebeccapurple none s l / alpha)`,
|
|
872
|
-
`${hslFn}(from hsl(120deg 20% 50% / .5) h s none / alpha)`,
|
|
873
|
-
`${hslFn}(from hsl(120deg 20% 50% / .5) h s l / none)`,
|
|
874
|
-
`${hslFn}(from hsl(120deg 20% 50% / .5) none s l / alpha)`,
|
|
875
|
-
`${hslFn}(from hsl(none none none) h s l)`,
|
|
876
|
-
`${hslFn}(from hsl(none none none / none) h s l / alpha)`,
|
|
877
|
-
`${hslFn}(from hsl(120deg none 50% / .5) h s l)`,
|
|
878
|
-
`${hslFn}(from hsl(120deg 20% 50% / none) h s l / alpha)`,
|
|
879
|
-
`${hslFn}(from hsl(none 20% 50% / .5) h s l / alpha)`,
|
|
880
|
-
`${hslFn}(from currentColor h s l)`,
|
|
881
|
-
`${hslFn}(from color-mix(in srgb, red, red) h s l / alpha)`,
|
|
882
|
-
];
|
|
883
|
-
hsl.forEach((c) => expect(Color.isValid(c, "hsl")).toBe(true));
|
|
884
|
-
}
|
|
885
|
-
const hwb = [
|
|
886
|
-
"hwb(from rebeccapurple h w b)",
|
|
887
|
-
"hwb(from rebeccapurple h w b / alpha)",
|
|
888
|
-
"hwb(from rgb(20%, 40%, 60%, 80%) h w b / alpha)",
|
|
889
|
-
"hwb(from hsl(120deg 20% 50% / .5) h w b / alpha)",
|
|
890
|
-
"hwb(from hwb(from rebeccapurple h w b) h w b)",
|
|
891
|
-
"hwb(from rebeccapurple 0 0% 0%)",
|
|
892
|
-
"hwb(from rebeccapurple 0deg 0% 0%)",
|
|
893
|
-
"hwb(from rebeccapurple 0 0% 0% / 0)",
|
|
894
|
-
"hwb(from rebeccapurple 0deg 0% 0% / 0)",
|
|
895
|
-
"hwb(from rebeccapurple 0 w b / alpha)",
|
|
896
|
-
"hwb(from rebeccapurple 0deg w b / alpha)",
|
|
897
|
-
"hwb(from rebeccapurple h 0% b / alpha)",
|
|
898
|
-
"hwb(from rebeccapurple h w 0% / alpha)",
|
|
899
|
-
"hwb(from rebeccapurple h w b / 0)",
|
|
900
|
-
"hwb(from rgb(20%, 40%, 60%, 80%) 0 w b / alpha)",
|
|
901
|
-
"hwb(from rgb(20%, 40%, 60%, 80%) 0deg w b / alpha)",
|
|
902
|
-
"hwb(from rgb(20%, 40%, 60%, 80%) h 0% b / alpha)",
|
|
903
|
-
"hwb(from rgb(20%, 40%, 60%, 80%) h w 0% / alpha)",
|
|
904
|
-
"hwb(from rgb(20%, 40%, 60%, 80%) h w b / 0)",
|
|
905
|
-
"hwb(from rebeccapurple 25 w b / alpha)",
|
|
906
|
-
"hwb(from rebeccapurple 25deg w b / alpha)",
|
|
907
|
-
"hwb(from rebeccapurple h 20% b / alpha)",
|
|
908
|
-
"hwb(from rebeccapurple h w 20% / alpha)",
|
|
909
|
-
"hwb(from rebeccapurple h w b / .2)",
|
|
910
|
-
"hwb(from rgb(20%, 40%, 60%, 80%) 25 w b / alpha)",
|
|
911
|
-
"hwb(from rgb(20%, 40%, 60%, 80%) 25deg w b / alpha)",
|
|
912
|
-
"hwb(from rgb(20%, 40%, 60%, 80%) h 20% b / alpha)",
|
|
913
|
-
"hwb(from rgb(20%, 40%, 60%, 80%) h w 20% / alpha)",
|
|
914
|
-
"hwb(from rgb(20%, 40%, 60%, 80%) h w b / .2)",
|
|
915
|
-
"hwb(from rebeccapurple h b w)",
|
|
916
|
-
"hwb(from rebeccapurple h alpha w / b)",
|
|
917
|
-
"hwb(from rebeccapurple h w w / w)",
|
|
918
|
-
"hwb(from rebeccapurple h alpha alpha / alpha)",
|
|
919
|
-
"hwb(from rgb(20%, 40%, 60%, 80%) h b w)",
|
|
920
|
-
"hwb(from rgb(20%, 40%, 60%, 80%) h alpha w / b)",
|
|
921
|
-
"hwb(from rgb(20%, 40%, 60%, 80%) h w w / w)",
|
|
922
|
-
"hwb(from rgb(20%, 40%, 60%, 80%) h alpha alpha / alpha)",
|
|
923
|
-
"hwb(from rebeccapurple calc(h) calc(w) calc(b))",
|
|
924
|
-
"hwb(from rgb(20%, 40%, 60%, 80%) calc(h) calc(w) calc(b) / calc(alpha))",
|
|
925
|
-
"hwb(from rebeccapurple none none none)",
|
|
926
|
-
"hwb(from rebeccapurple none none none / none)",
|
|
927
|
-
"hwb(from rebeccapurple h w none)",
|
|
928
|
-
"hwb(from rebeccapurple h w none / alpha)",
|
|
929
|
-
"hwb(from rebeccapurple h w b / none)",
|
|
930
|
-
"hwb(from rebeccapurple none w b / alpha)",
|
|
931
|
-
"hwb(from hwb(120deg 20% 50% / .5) h w none / alpha)",
|
|
932
|
-
"hwb(from hwb(120deg 20% 50% / .5) h w b / none)",
|
|
933
|
-
"hwb(from hwb(120deg 20% 50% / .5) none w b / alpha)",
|
|
934
|
-
"hwb(from hwb(none none none) h w b)",
|
|
935
|
-
"hwb(from hwb(none none none / none) h w b / alpha)",
|
|
936
|
-
"hwb(from hwb(120deg none 50% / .5) h w b)",
|
|
937
|
-
"hwb(from hwb(120deg 20% 50% / none) h w b / alpha)",
|
|
938
|
-
"hwb(from hwb(none 20% 50% / .5) h w b / alpha)",
|
|
939
|
-
"hwb(from currentColor h w b)",
|
|
940
|
-
"hwb(from color-mix(in srgb, red, red) h w b / alpha)",
|
|
941
|
-
];
|
|
942
|
-
hwb.forEach((c) => expect(Color.isValid(c, "hwb")).toBe(true));
|
|
943
|
-
const lab = [
|
|
944
|
-
"lab(from lab(25 20 50) l a b)",
|
|
945
|
-
"lab(from lab(25 20 50) l a b / alpha)",
|
|
946
|
-
"lab(from lab(25 20 50 / 40%) l a b / alpha)",
|
|
947
|
-
"lab(from lab(200 300 400 / 500%) l a b / alpha)",
|
|
948
|
-
"lab(from lab(-200 -300 -400 / -500%) l a b / alpha)",
|
|
949
|
-
"lab(from lab(from lab(25 20 50) l a b) l a b)",
|
|
950
|
-
"lab(from color(display-p3 0 0 0) l a b / alpha)",
|
|
951
|
-
"lab(from lab(25 20 50) 0 0 0)",
|
|
952
|
-
"lab(from lab(25 20 50) 0 0 0 / 0)",
|
|
953
|
-
"lab(from lab(25 20 50) 0 a b / alpha)",
|
|
954
|
-
"lab(from lab(25 20 50) l 0 b / alpha)",
|
|
955
|
-
"lab(from lab(25 20 50) l a 0 / alpha)",
|
|
956
|
-
"lab(from lab(25 20 50) l a b / 0)",
|
|
957
|
-
"lab(from lab(25 20 50 / 40%) 0 a b / alpha)",
|
|
958
|
-
"lab(from lab(25 20 50 / 40%) l 0 b / alpha)",
|
|
959
|
-
"lab(from lab(25 20 50 / 40%) l a 0 / alpha)",
|
|
960
|
-
"lab(from lab(25 20 50 / 40%) l a b / 0)",
|
|
961
|
-
"lab(from lab(25 20 50) 35 a b / alpha)",
|
|
962
|
-
"lab(from lab(25 20 50) l 35 b / alpha)",
|
|
963
|
-
"lab(from lab(25 20 50) l a 35 / alpha)",
|
|
964
|
-
"lab(from lab(25 20 50) l a b / .35)",
|
|
965
|
-
"lab(from lab(25 20 50 / 40%) 35 a b / alpha)",
|
|
966
|
-
"lab(from lab(25 20 50 / 40%) l 35 b / alpha)",
|
|
967
|
-
"lab(from lab(25 20 50 / 40%) l a 35 / alpha)",
|
|
968
|
-
"lab(from lab(25 20 50 / 40%) l a b / .35)",
|
|
969
|
-
"lab(from lab(0.7 45 30 / 40%) 200 300 400 / 500)",
|
|
970
|
-
"lab(from lab(0.7 45 30 / 40%) -200 -300 -400 / -500)",
|
|
971
|
-
"lab(from lab(25 20 50) l b a)",
|
|
972
|
-
"lab(from lab(25 20 50) l a a / a)",
|
|
973
|
-
"lab(from lab(25 20 50 / 40%) l b a)",
|
|
974
|
-
"lab(from lab(25 20 50 / 40%) l a a / a)",
|
|
975
|
-
"lab(from lab(25 20 50) calc(l) calc(a) calc(b))",
|
|
976
|
-
"lab(from lab(25 20 50 / 40%) calc(l) calc(a) calc(b) / calc(alpha))",
|
|
977
|
-
"lab(from lab(50 -30 40) calc(l - 20) a b)",
|
|
978
|
-
"lab(from lab(50 -30 40) l calc(a / 3) calc(b / 2))",
|
|
979
|
-
"lab(from lab(25 20 50) none none none)",
|
|
980
|
-
"lab(from lab(25 20 50) none none none / none)",
|
|
981
|
-
"lab(from lab(25 20 50) l a none)",
|
|
982
|
-
"lab(from lab(25 20 50) l a none / alpha)",
|
|
983
|
-
"lab(from lab(25 20 50) l a b / none)",
|
|
984
|
-
"lab(from lab(25 20 50 / 40%) l a none / alpha)",
|
|
985
|
-
"lab(from lab(25 20 50 / 40%) l a b / none)",
|
|
986
|
-
"lab(from lab(none none none) l a b)",
|
|
987
|
-
"lab(from lab(none none none / none) l a b / alpha)",
|
|
988
|
-
"lab(from lab(25 none 50) l a b)",
|
|
989
|
-
"lab(from lab(25 20 50 / none) l a b / alpha)",
|
|
990
|
-
"lab(from currentColor l a b)",
|
|
991
|
-
"lab(from color-mix(in lab, lab(25 20 50), lab(25 20 50)) l a b / alpha)",
|
|
992
|
-
];
|
|
993
|
-
lab.forEach((c) => expect(Color.isValid(c, "lab")).toBe(true));
|
|
994
|
-
const oklab = [
|
|
995
|
-
"oklab(from oklab(0.25 0.2 0.5) l a b)",
|
|
996
|
-
"oklab(from oklab(0.25 0.2 0.5) l a b / alpha)",
|
|
997
|
-
"oklab(from oklab(0.25 0.2 0.5 / 40%) l a b / alpha)",
|
|
998
|
-
"oklab(from oklab(2 3 4 / 500%) l a b / alpha)",
|
|
999
|
-
"oklab(from oklab(-2 -3 -4 / -500%) l a b / alpha)",
|
|
1000
|
-
"oklab(from oklab(from oklab(0.25 0.2 0.5) l a b) l a b)",
|
|
1001
|
-
"oklab(from color(display-p3 0 0 0) l a b / alpha)",
|
|
1002
|
-
"oklab(from oklab(0.25 0.2 0.5) 0 0 0)",
|
|
1003
|
-
"oklab(from oklab(0.25 0.2 0.5) 0 0 0 / 0)",
|
|
1004
|
-
"oklab(from oklab(0.25 0.2 0.5) 0 a b / alpha)",
|
|
1005
|
-
"oklab(from oklab(0.25 0.2 0.5) l 0 b / alpha)",
|
|
1006
|
-
"oklab(from oklab(0.25 0.2 0.5) l a 0 / alpha)",
|
|
1007
|
-
"oklab(from oklab(0.25 0.2 0.5) l a b / 0)",
|
|
1008
|
-
"oklab(from oklab(0.25 0.2 0.5 / 40%) 0 a b / alpha)",
|
|
1009
|
-
"oklab(from oklab(0.25 0.2 0.5 / 40%) l 0 b / alpha)",
|
|
1010
|
-
"oklab(from oklab(0.25 0.2 0.5 / 40%) l a 0 / alpha)",
|
|
1011
|
-
"oklab(from oklab(0.25 0.2 0.5 / 40%) l a b / 0)",
|
|
1012
|
-
"oklab(from oklab(0.25 0.2 0.5) 0.35 a b / alpha)",
|
|
1013
|
-
"oklab(from oklab(0.25 0.2 0.5) l 0.35 b / alpha)",
|
|
1014
|
-
"oklab(from oklab(0.25 0.2 0.5) l a 0.35 / alpha)",
|
|
1015
|
-
"oklab(from oklab(0.25 0.2 0.5) l a b / 0.35)",
|
|
1016
|
-
"oklab(from oklab(0.25 0.2 0.5 / 40%) 0.35 a b / alpha)",
|
|
1017
|
-
"oklab(from oklab(0.25 0.2 0.5 / 40%) l 0.35 b / alpha)",
|
|
1018
|
-
"oklab(from oklab(0.25 0.2 0.5 / 40%) l a 0.35 / alpha)",
|
|
1019
|
-
"oklab(from oklab(0.25 0.2 0.5 / 40%) l a b / .35)",
|
|
1020
|
-
"oklab(from oklab(0.7 0.45 0.3 / 40%) 2 3 4 / 500)",
|
|
1021
|
-
"oklab(from oklab(0.7 0.45 0.3 / 40%) -2 -3 -4 / -500)",
|
|
1022
|
-
"oklab(from oklab(0.25 0.2 0.5) l b a)",
|
|
1023
|
-
"oklab(from oklab(0.25 0.2 0.5) l a a / a)",
|
|
1024
|
-
"oklab(from oklab(0.25 0.2 0.5 / 40%) l b a)",
|
|
1025
|
-
"oklab(from oklab(0.25 0.2 0.5 / 40%) l a a / a)",
|
|
1026
|
-
"oklab(from oklab(0.25 0.2 0.5) calc(l) calc(a) calc(b))",
|
|
1027
|
-
"oklab(from oklab(0.25 0.2 0.5 / 40%) calc(l) calc(a) calc(b) / calc(alpha))",
|
|
1028
|
-
"oklab(from oklab(0.7 0.25 -0.15) calc(l - 0.2) a b)",
|
|
1029
|
-
"oklab(from oklab(0.7 0.25 -0.15) l calc(a / 2) calc(b / 3))",
|
|
1030
|
-
"oklab(from oklab(0.25 0.2 0.5) none none none)",
|
|
1031
|
-
"oklab(from oklab(0.25 0.2 0.5) none none none / none)",
|
|
1032
|
-
"oklab(from oklab(0.25 0.2 0.5) l a none)",
|
|
1033
|
-
"oklab(from oklab(0.25 0.2 0.5) l a none / alpha)",
|
|
1034
|
-
"oklab(from oklab(0.25 0.2 0.5) l a b / none)",
|
|
1035
|
-
"oklab(from oklab(0.25 0.2 0.5 / 40%) l a none / alpha)",
|
|
1036
|
-
"oklab(from oklab(0.25 0.2 0.5 / 40%) l a b / none)",
|
|
1037
|
-
"oklab(from oklab(none none none) l a b)",
|
|
1038
|
-
"oklab(from oklab(none none none / none) l a b / alpha)",
|
|
1039
|
-
"oklab(from oklab(0.25 none 0.5) l a b)",
|
|
1040
|
-
"oklab(from oklab(0.25 0.2 0.5 / none) l a b / alpha)",
|
|
1041
|
-
"oklab(from currentColor l a b)",
|
|
1042
|
-
"oklab(from color-mix(in oklab, oklab(0.25 0.2 0.5), oklab(0.25 0.2 0.5)) l a b / alpha)",
|
|
1043
|
-
];
|
|
1044
|
-
oklab.forEach((c) => expect(Color.isValid(c, "oklab")).toBe(true));
|
|
1045
|
-
const lch = [
|
|
1046
|
-
"lch(from lch(0.7 45 30) l c h)",
|
|
1047
|
-
"lch(from lch(0.7 45 30) l c h / alpha)",
|
|
1048
|
-
"lch(from lch(0.7 45 30 / 40%) l c h / alpha)",
|
|
1049
|
-
"lch(from lch(200 300 400 / 500%) l c h / alpha)",
|
|
1050
|
-
"lch(from lch(-200 -300 -400 / -500%) l c h / alpha)",
|
|
1051
|
-
"lch(from lch(from lch(0.7 45 30) l c h) l c h)",
|
|
1052
|
-
"lch(from color(display-p3 0 0 0) l c h / alpha)",
|
|
1053
|
-
"lch(from lab(0.7 45 30) l c h / alpha)",
|
|
1054
|
-
"lch(from lch(0.7 45 30) 0 0 0)",
|
|
1055
|
-
"lch(from lch(0.7 45 30) 0 0 0deg)",
|
|
1056
|
-
"lch(from lch(0.7 45 30) 0 0 0 / 0)",
|
|
1057
|
-
"lch(from lch(0.7 45 30) 0 0 0deg / 0)",
|
|
1058
|
-
"lch(from lch(0.7 45 30) 0 c h / alpha)",
|
|
1059
|
-
"lch(from lch(0.7 45 30) l 0 h / alpha)",
|
|
1060
|
-
"lch(from lch(0.7 45 30) l c 0 / alpha)",
|
|
1061
|
-
"lch(from lch(0.7 45 30) l c 0deg / alpha)",
|
|
1062
|
-
"lch(from lch(0.7 45 30) l c h / 0)",
|
|
1063
|
-
"lch(from lch(0.7 45 30 / 40%) 0 c h / alpha)",
|
|
1064
|
-
"lch(from lch(0.7 45 30 / 40%) l 0 h / alpha)",
|
|
1065
|
-
"lch(from lch(0.7 45 30 / 40%) l c 0 / alpha)",
|
|
1066
|
-
"lch(from lch(0.7 45 30 / 40%) l c 0deg / alpha)",
|
|
1067
|
-
"lch(from lch(0.7 45 30 / 40%) l c h / 0)",
|
|
1068
|
-
"lch(from lch(0.7 45 30) 25 c h / alpha)",
|
|
1069
|
-
"lch(from lch(0.7 45 30) l 25 h / alpha)",
|
|
1070
|
-
"lch(from lch(0.7 45 30) l c 25 / alpha)",
|
|
1071
|
-
"lch(from lch(0.7 45 30) l c 25deg / alpha)",
|
|
1072
|
-
"lch(from lch(0.7 45 30) l c h / 0.25)",
|
|
1073
|
-
"lch(from lch(0.7 45 30 / 40%) 25 c h / alpha)",
|
|
1074
|
-
"lch(from lch(0.7 45 30 / 40%) l 25 h / alpha)",
|
|
1075
|
-
"lch(from lch(0.7 45 30 / 40%) l c 25 / alpha)",
|
|
1076
|
-
"lch(from lch(0.7 45 30 / 40%) l c 25deg / alpha)",
|
|
1077
|
-
"lch(from lch(0.7 45 30 / 40%) l c h / .25)",
|
|
1078
|
-
"lch(from lch(0.7 45 30 / 40%) 200 300 400 / 500)",
|
|
1079
|
-
"lch(from lch(0.7 45 30 / 40%) -200 -300 -400 / -500)",
|
|
1080
|
-
"lch(from lch(0.7 45 30 / 40%) 50 120 400deg / 500)",
|
|
1081
|
-
"lch(from lch(0.7 45 30 / 40%) 50 120 -400deg / -500)",
|
|
1082
|
-
"lch(from lch(0.7 45 30) l c c / alpha)",
|
|
1083
|
-
"lch(from lch(0.7 45 30 / 40%) l c c / alpha)",
|
|
1084
|
-
"lch(from lch(0.7 45 30) calc(l) calc(c) calc(h))",
|
|
1085
|
-
"lch(from lch(0.7 45 30 / 40%) calc(l) calc(c) calc(h) / calc(alpha))",
|
|
1086
|
-
"lch(from lch(50 100 300) calc(l - 20) c h)",
|
|
1087
|
-
"lch(from lch(50 100 300) l calc(c / 2) h)",
|
|
1088
|
-
"lch(from lch(50 100 300) l c calc(h * 2.5))",
|
|
1089
|
-
"lch(from lch(0.7 45 30) none none none)",
|
|
1090
|
-
"lch(from lch(0.7 45 30) none none none / none)",
|
|
1091
|
-
"lch(from lch(0.7 45 30) l c none)",
|
|
1092
|
-
"lch(from lch(0.7 45 30) l c none / alpha)",
|
|
1093
|
-
"lch(from lch(0.7 45 30) l c h / none)",
|
|
1094
|
-
"lch(from lch(0.7 45 30 / 40%) l c none / alpha)",
|
|
1095
|
-
"lch(from lch(0.7 45 30 / 40%) l c h / none)",
|
|
1096
|
-
"lch(from lch(none none none) l c h)",
|
|
1097
|
-
"lch(from lch(none none none / none) l c h / alpha)",
|
|
1098
|
-
"lch(from lch(0.7 none 30) l c h)",
|
|
1099
|
-
"lch(from lch(0.7 45 30 / none) l c h / alpha)",
|
|
1100
|
-
"lch(from currentColor l c h)",
|
|
1101
|
-
"lch(from color-mix(in lch, lch(70 45 30), lch(70 45 30)) l c h / alpha)",
|
|
1102
|
-
];
|
|
1103
|
-
lch.forEach((c) => expect(Color.isValid(c, "lch")).toBe(true));
|
|
1104
|
-
const oklch = [
|
|
1105
|
-
"oklch(from oklch(0.7 0.45 30) l c h)",
|
|
1106
|
-
"oklch(from oklch(0.7 0.45 30) l c h / alpha)",
|
|
1107
|
-
"oklch(from oklch(0.7 0.45 30 / 40%) l c h / alpha)",
|
|
1108
|
-
"oklch(from oklch(2 3 400 / 500%) l c h / alpha)",
|
|
1109
|
-
"oklch(from oklch(-2 -3 -400 / -500%) l c h / alpha)",
|
|
1110
|
-
"oklch(from oklch(from oklch(0.7 0.45 30) l c h) l c h)",
|
|
1111
|
-
"oklch(from color(display-p3 0 0 0) l c h / alpha)",
|
|
1112
|
-
"oklch(from oklab(0.7 45 30) l c h / alpha)",
|
|
1113
|
-
"oklch(from oklch(0.7 0.45 30) 0 0 0)",
|
|
1114
|
-
"oklch(from oklch(0.7 0.45 30) 0 0 0deg)",
|
|
1115
|
-
"oklch(from oklch(0.7 0.45 30) 0 0 0 / 0)",
|
|
1116
|
-
"oklch(from oklch(0.7 0.45 30) 0 0 0deg / 0)",
|
|
1117
|
-
"oklch(from oklch(0.7 0.45 30) 0 c h / alpha)",
|
|
1118
|
-
"oklch(from oklch(0.7 0.45 30) l 0 h / alpha)",
|
|
1119
|
-
"oklch(from oklch(0.7 0.45 30) l c 0 / alpha)",
|
|
1120
|
-
"oklch(from oklch(0.7 0.45 30) l c 0deg / alpha)",
|
|
1121
|
-
"oklch(from oklch(0.7 0.45 30) l c h / 0)",
|
|
1122
|
-
"oklch(from oklch(0.7 0.45 30 / 40%) 0 c h / alpha)",
|
|
1123
|
-
"oklch(from oklch(0.7 0.45 30 / 40%) l 0 h / alpha)",
|
|
1124
|
-
"oklch(from oklch(0.7 0.45 30 / 40%) l c 0 / alpha)",
|
|
1125
|
-
"oklch(from oklch(0.7 0.45 30 / 40%) l c 0deg / alpha)",
|
|
1126
|
-
"oklch(from oklch(0.7 0.45 30 / 40%) l c h / 0)",
|
|
1127
|
-
"oklch(from oklch(0.7 0.45 30) 0.25 c h / alpha)",
|
|
1128
|
-
"oklch(from oklch(0.7 0.45 30) l 0.25 h / alpha)",
|
|
1129
|
-
"oklch(from oklch(0.7 0.45 30) l c 0.25 / alpha)",
|
|
1130
|
-
"oklch(from oklch(0.7 0.45 30) l c 25deg / alpha)",
|
|
1131
|
-
"oklch(from oklch(0.7 0.45 30) l c h / 0.25)",
|
|
1132
|
-
"oklch(from oklch(0.7 0.45 30 / 40%) 0.25 c h / alpha)",
|
|
1133
|
-
"oklch(from oklch(0.7 0.45 30 / 40%) l 0.25 h / alpha)",
|
|
1134
|
-
"oklch(from oklch(0.7 0.45 30 / 40%) l c 0.25 / alpha)",
|
|
1135
|
-
"oklch(from oklch(0.7 0.45 30 / 40%) l c 25deg / alpha)",
|
|
1136
|
-
"oklch(from oklch(0.7 0.45 30 / 40%) l c h / 0.25)",
|
|
1137
|
-
"oklch(from oklch(0.7 0.45 30 / 40%) 2 3 400 / 500)",
|
|
1138
|
-
"oklch(from oklch(0.7 0.45 30 / 40%) -2 -3 -400 / -500)",
|
|
1139
|
-
"oklch(from oklch(0.7 0.45 30 / 40%) 0.5 1.2 400deg / 500)",
|
|
1140
|
-
"oklch(from oklch(0.7 0.45 30 / 40%) 0.5 1.2 -400deg / -500)",
|
|
1141
|
-
"oklch(from oklch(0.7 0.45 30) l c c / alpha)",
|
|
1142
|
-
"oklch(from oklch(0.7 0.45 30 / 40%) l c c / alpha)",
|
|
1143
|
-
"oklch(from oklch(0.7 0.45 30) calc(l) calc(c) calc(h))",
|
|
1144
|
-
"oklch(from oklch(0.7 0.45 30 / 40%) calc(l) calc(c) calc(h) / calc(alpha))",
|
|
1145
|
-
"oklch(from oklch(0.7 0.2 300) calc(l - 0.2) c h)",
|
|
1146
|
-
"oklch(from oklch(0.7 0.2 300) l calc(c / 2) h)",
|
|
1147
|
-
"oklch(from oklch(0.7 0.2 300) l c calc(h * 2.5))",
|
|
1148
|
-
"oklch(from red calc(1 / l) c h)",
|
|
1149
|
-
"oklch(from oklch(0.7 0.45 30) none none none)",
|
|
1150
|
-
"oklch(from oklch(0.7 0.45 30) none none none / none)",
|
|
1151
|
-
"oklch(from oklch(0.7 0.45 30) l c none)",
|
|
1152
|
-
"oklch(from oklch(0.7 0.45 30) l c none / alpha)",
|
|
1153
|
-
"oklch(from oklch(0.7 0.45 30) l c h / none)",
|
|
1154
|
-
"oklch(from oklch(0.7 0.45 30 / 40%) l c none / alpha)",
|
|
1155
|
-
"oklch(from oklch(0.7 0.45 30 / 40%) l c h / none)",
|
|
1156
|
-
"oklch(from oklch(none none none) l c h)",
|
|
1157
|
-
"oklch(from oklch(none none none / none) l c h / alpha)",
|
|
1158
|
-
"oklch(from oklch(0.7 none 30) l c h)",
|
|
1159
|
-
"oklch(from oklch(0.7 0.45 30 / none) l c h / alpha)",
|
|
1160
|
-
"oklch(from currentColor l c h)",
|
|
1161
|
-
"oklch(from color-mix(in oklch, oklch(0.7 0.45 30), oklch(0.7 0.45 30)) l c h / alpha)",
|
|
1162
|
-
];
|
|
1163
|
-
oklch.forEach((c) => expect(Color.isValid(c, "oklch")).toBe(true));
|
|
1164
|
-
for (const colorSpace of ["srgb", "srgb-linear", "a98-rgb", "rec2020", "prophoto-rgb", "display-p3"]) {
|
|
1165
|
-
const cases = [
|
|
1166
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} r g b)`,
|
|
1167
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} r g b / alpha)`,
|
|
1168
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} r g b)`,
|
|
1169
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} r g b / alpha)`,
|
|
1170
|
-
`color(from color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} r g b) ${colorSpace} r g b)`,
|
|
1171
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} 0 0 0)`,
|
|
1172
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} 0 0 0 / 0)`,
|
|
1173
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} 0 g b / alpha)`,
|
|
1174
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} r 0 b / alpha)`,
|
|
1175
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} r g 0 / alpha)`,
|
|
1176
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} r g b / 0)`,
|
|
1177
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} 0 g b / alpha)`,
|
|
1178
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} r 0 b / alpha)`,
|
|
1179
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} r g 0 / alpha)`,
|
|
1180
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} r g b / 0)`,
|
|
1181
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} 0.2 g b / alpha)`,
|
|
1182
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} 20% g b / alpha)`,
|
|
1183
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} r 0.2 b / alpha)`,
|
|
1184
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} r 20% b / alpha)`,
|
|
1185
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} r g 0.2 / alpha)`,
|
|
1186
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} r g 20% / alpha)`,
|
|
1187
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} r g b / 0.2)`,
|
|
1188
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} r g b / 20%)`,
|
|
1189
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} 0.2 g b / alpha)`,
|
|
1190
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} 20% g b / alpha)`,
|
|
1191
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} r 0.2 b / alpha)`,
|
|
1192
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} r 20% b / alpha)`,
|
|
1193
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} r g 0.2 / alpha)`,
|
|
1194
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} r g 20% / alpha)`,
|
|
1195
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} r g b / 0.2)`,
|
|
1196
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} r g b / 20%)`,
|
|
1197
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} 2 3 4)`,
|
|
1198
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} 2 3 4 / 5)`,
|
|
1199
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} -2 -3 -4)`,
|
|
1200
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} -2 -3 -4 / -5)`,
|
|
1201
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} 200% 300% 400%)`,
|
|
1202
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} 200% 300% 400% / 500%)`,
|
|
1203
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} -200% -300% -400%)`,
|
|
1204
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} -200% -300% -400% / -500%)`,
|
|
1205
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} g b r)`,
|
|
1206
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} b alpha r / g)`,
|
|
1207
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} r r r / r)`,
|
|
1208
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} alpha alpha alpha / alpha)`,
|
|
1209
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} g b r)`,
|
|
1210
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} b alpha r / g)`,
|
|
1211
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} r r r / r)`,
|
|
1212
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} alpha alpha alpha / alpha)`,
|
|
1213
|
-
`color(from color(${colorSpace} 1.7 1.5 1.3) ${colorSpace} r g b)`,
|
|
1214
|
-
`color(from color(${colorSpace} 1.7 1.5 1.3) ${colorSpace} r g b / alpha)`,
|
|
1215
|
-
`color(from color(${colorSpace} 1.7 1.5 1.3 / 140%) ${colorSpace} r g b)`,
|
|
1216
|
-
`color(from color(${colorSpace} 1.7 1.5 1.3 / 140%) ${colorSpace} r g b / alpha)`,
|
|
1217
|
-
`color(from color(${colorSpace} -0.7 -0.5 -0.3) ${colorSpace} r g b)`,
|
|
1218
|
-
`color(from color(${colorSpace} -0.7 -0.5 -0.3) ${colorSpace} r g b / alpha)`,
|
|
1219
|
-
`color(from color(${colorSpace} -0.7 -0.5 -0.3 / -40%) ${colorSpace} r g b)`,
|
|
1220
|
-
`color(from color(${colorSpace} -0.7 -0.5 -0.3 / -40%) ${colorSpace} r g b / alpha)`,
|
|
1221
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} calc(r) calc(g) calc(b))`,
|
|
1222
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} calc(r) calc(g) calc(b) / calc(alpha))`,
|
|
1223
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} none none none)`,
|
|
1224
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} none none none / none)`,
|
|
1225
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} r g none)`,
|
|
1226
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} r g none / alpha)`,
|
|
1227
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} r g b / none)`,
|
|
1228
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} r g none / alpha)`,
|
|
1229
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / 40%) ${colorSpace} r g b / none)`,
|
|
1230
|
-
`color(from color(${colorSpace} none none none) ${colorSpace} r g b)`,
|
|
1231
|
-
`color(from color(${colorSpace} none none none / none) ${colorSpace} r g b / alpha)`,
|
|
1232
|
-
`color(from color(${colorSpace} 0.7 none 0.3) ${colorSpace} r g b)`,
|
|
1233
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3 / none) ${colorSpace} r g b / alpha)`,
|
|
1234
|
-
`color(from currentColor ${colorSpace} r g b)`,
|
|
1235
|
-
];
|
|
1236
|
-
cases.forEach((c) => expect(Color.isValid(c, colorSpace)).toBe(true));
|
|
1237
|
-
}
|
|
1238
|
-
for (const colorSpace of ["xyz", "xyz-d50", "xyz-d65"]) {
|
|
1239
|
-
const cases = [
|
|
1240
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} x y z)`,
|
|
1241
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} x y z / alpha)`,
|
|
1242
|
-
`color(from color(${colorSpace} 7 -20.5 100 / 40%) ${colorSpace} x y z)`,
|
|
1243
|
-
`color(from color(${colorSpace} 7 -20.5 100 / 40%) ${colorSpace} x y z / alpha)`,
|
|
1244
|
-
`color(from color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} x y z) ${colorSpace} x y z)`,
|
|
1245
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} 0 0 0)`,
|
|
1246
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} 0 0 0 / 0)`,
|
|
1247
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} 0 y z / alpha)`,
|
|
1248
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} x 0 z / alpha)`,
|
|
1249
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} x y 0 / alpha)`,
|
|
1250
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} x y z / 0)`,
|
|
1251
|
-
`color(from color(${colorSpace} 7 -20.5 100 / 40%) ${colorSpace} 0 y z / alpha)`,
|
|
1252
|
-
`color(from color(${colorSpace} 7 -20.5 100 / 40%) ${colorSpace} x 0 z / alpha)`,
|
|
1253
|
-
`color(from color(${colorSpace} 7 -20.5 100 / 40%) ${colorSpace} x y 0 / alpha)`,
|
|
1254
|
-
`color(from color(${colorSpace} 7 -20.5 100 / 40%) ${colorSpace} x y z / 0)`,
|
|
1255
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} 0.2 y z / alpha)`,
|
|
1256
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} x 0.2 z / alpha)`,
|
|
1257
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} x y 0.2 / alpha)`,
|
|
1258
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} x y z / 0.2)`,
|
|
1259
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} x y z / 20%)`,
|
|
1260
|
-
`color(from color(${colorSpace} 7 -20.5 100 / 40%) ${colorSpace} 0.2 y z / alpha)`,
|
|
1261
|
-
`color(from color(${colorSpace} 7 -20.5 100 / 40%) ${colorSpace} x 0.2 z / alpha)`,
|
|
1262
|
-
`color(from color(${colorSpace} 7 -20.5 100 / 40%) ${colorSpace} x y 0.2 / alpha)`,
|
|
1263
|
-
`color(from color(${colorSpace} 7 -20.5 100 / 40%) ${colorSpace} x y z / 0.2)`,
|
|
1264
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} y z x)`,
|
|
1265
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} x x x / x)`,
|
|
1266
|
-
`color(from color(${colorSpace} 7 -20.5 100 / 40%) ${colorSpace} y z x)`,
|
|
1267
|
-
`color(from color(${colorSpace} 7 -20.5 100 / 40%) ${colorSpace} x x x / x)`,
|
|
1268
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} calc(x) calc(y) calc(z))`,
|
|
1269
|
-
`color(from color(${colorSpace} 7 -20.5 100 / 40%) ${colorSpace} calc(x) calc(y) calc(z) / calc(alpha))`,
|
|
1270
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} none none none)`,
|
|
1271
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} none none none / none)`,
|
|
1272
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} x y none)`,
|
|
1273
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} x y none / alpha)`,
|
|
1274
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} x y z / none)`,
|
|
1275
|
-
`color(from color(${colorSpace} 7 -20.5 100 / 40%) ${colorSpace} x y none / alpha)`,
|
|
1276
|
-
`color(from color(${colorSpace} 7 -20.5 100 / 40%) ${colorSpace} x y z / none)`,
|
|
1277
|
-
`color(from color(${colorSpace} none none none) ${colorSpace} x y z)`,
|
|
1278
|
-
`color(from color(${colorSpace} none none none / none) ${colorSpace} x y z / alpha)`,
|
|
1279
|
-
`color(from color(${colorSpace} 7 none 100) ${colorSpace} x y z)`,
|
|
1280
|
-
`color(from color(${colorSpace} 7 -20.5 100 / none) ${colorSpace} x y z / alpha)`,
|
|
1281
|
-
`color(from currentColor ${colorSpace} x y z)`,
|
|
1282
|
-
`color(from color-mix(in ${colorSpace}, color(${colorSpace} 0.7 0.5 0.3), color(${colorSpace} 0.7 0.5 0.3)) ${colorSpace} x y z / alpha)`,
|
|
1283
|
-
];
|
|
1284
|
-
cases.forEach((c) => expect(Color.isValid(c, colorSpace)).toBe(true));
|
|
1285
|
-
}
|
|
1286
|
-
});
|
|
1287
|
-
it("should test invalid relative <color-function>", () => {
|
|
1288
|
-
const rgb = [
|
|
1289
|
-
"rgb(from rebeccapurple r 10deg 10)",
|
|
1290
|
-
"rgb(from rebeccapurple r 10 10deg)",
|
|
1291
|
-
"rgb(from rebeccapurple 10deg g b)",
|
|
1292
|
-
"rgb(from rgb(10%, 20%, 30%, 40%) r 10deg 10)",
|
|
1293
|
-
"rgb(from rgb(10%, 20%, 30%, 40%) r 10 10deg)",
|
|
1294
|
-
"rgb(from rgb(10%, 20%, 30%, 40%) 10deg g b)",
|
|
1295
|
-
"rgb(from rebeccapurple red g b)",
|
|
1296
|
-
"rgb(from rebeccapurple l g b)",
|
|
1297
|
-
"rgb(from rebeccapurple h g b)",
|
|
1298
|
-
"rgb(from rebeccapurple, r, g, b)",
|
|
1299
|
-
"rgba(from rgb(10%, 20%, 30%, 40%), r, g, b, alpha)",
|
|
1300
|
-
"rgb(from rebeccapurple calc(r + 1%) g b)",
|
|
1301
|
-
"rgb(0 0 0 / alpha)",
|
|
1302
|
-
];
|
|
1303
|
-
rgb.forEach((c) => expect(Color.isValid(c, "rgb")).toBe(false));
|
|
1304
|
-
const hsl = [
|
|
1305
|
-
"hsl(from rebeccapurple 10% s l)",
|
|
1306
|
-
"hsl(from rgb(10%, 20%, 30%, 40%) 10% s l)",
|
|
1307
|
-
"hsl(from rebeccapurple hue s l)",
|
|
1308
|
-
"hsl(from rebeccapurple x s l)",
|
|
1309
|
-
"hsl(from rebeccapurple h g b)",
|
|
1310
|
-
"hsl(from rebeccapurple, h, s, l)",
|
|
1311
|
-
"hsla(from rgb(10%, 20%, 30%, 40%), h, s, l, alpha)",
|
|
1312
|
-
"hsl(from rebeccapurple calc(h + 1deg) s l)",
|
|
1313
|
-
"hsl(from rebeccapurple calc(h + 1%) s l)",
|
|
1314
|
-
];
|
|
1315
|
-
hsl.forEach((c) => expect(Color.isValid(c, "hsl")).toBe(false));
|
|
1316
|
-
const hwb = [
|
|
1317
|
-
"hwb(from rebeccapurple 10% w b)",
|
|
1318
|
-
"hwb(from rgb(10%, 20%, 30%, 40%) 10% w b)",
|
|
1319
|
-
"hwb(from rebeccapurple hue w b)",
|
|
1320
|
-
"hwb(from rebeccapurple x w b)",
|
|
1321
|
-
"hwb(from rebeccapurple h g b)",
|
|
1322
|
-
"hwb(from rebeccapurple calc(h + 1deg) w b)",
|
|
1323
|
-
"hwb(from rebeccapurple calc(h + 1%) w b)",
|
|
1324
|
-
];
|
|
1325
|
-
hwb.forEach((c) => expect(Color.isValid(c, "hwb")).toBe(false));
|
|
1326
|
-
for (const colorSpace of ["lab", "oklab"]) {
|
|
1327
|
-
const cases = [
|
|
1328
|
-
`${colorSpace}(from ${colorSpace}(.25 20 50) l 10deg 10)`,
|
|
1329
|
-
`${colorSpace}(from ${colorSpace}(.25 20 50) l 10 10deg)`,
|
|
1330
|
-
`${colorSpace}(from ${colorSpace}(.25 20 50) 10deg a b)`,
|
|
1331
|
-
`${colorSpace}(from ${colorSpace}(.25 20 50 / 40%) l 10deg 10)`,
|
|
1332
|
-
`${colorSpace}(from ${colorSpace}(.25 20 50 / 40%) l 10 10deg)`,
|
|
1333
|
-
`${colorSpace}(from ${colorSpace}(.25 20 50 / 40%) 10deg a b)`,
|
|
1334
|
-
`${colorSpace}(from ${colorSpace}(.25 20 50) lightness a b)`,
|
|
1335
|
-
`${colorSpace}(from ${colorSpace}(.25 20 50) x a b)`,
|
|
1336
|
-
`${colorSpace}(from ${colorSpace}(.25 20 50) h g b)`,
|
|
1337
|
-
`${colorSpace}(from ${colorSpace}(.25 20 50) l calc(a + 1%) b)`,
|
|
1338
|
-
];
|
|
1339
|
-
cases.forEach((c) => expect(Color.isValid(c, colorSpace)).toBe(false));
|
|
1340
|
-
}
|
|
1341
|
-
for (const colorSpace of ["lch", "oklch"]) {
|
|
1342
|
-
const cases = [
|
|
1343
|
-
`${colorSpace}(from ${colorSpace}(.70 45 30) l 10deg h)`,
|
|
1344
|
-
`${colorSpace}(from ${colorSpace}(.70 45 30) l c 10%)`,
|
|
1345
|
-
`${colorSpace}(from ${colorSpace}(.70 45 30) 10deg c h)`,
|
|
1346
|
-
`${colorSpace}(from ${colorSpace}(.70 45 30 / 40%) l 10deg h)`,
|
|
1347
|
-
`${colorSpace}(from ${colorSpace}(.70 45 30 / 40%) l c 10%)`,
|
|
1348
|
-
`${colorSpace}(from ${colorSpace}(.70 45 30 / 40%) 10deg c h)`,
|
|
1349
|
-
`${colorSpace}(from ${colorSpace}(.70 45 30) lightness c h)`,
|
|
1350
|
-
`${colorSpace}(from ${colorSpace}(.70 45 30) x c h)`,
|
|
1351
|
-
`${colorSpace}(from ${colorSpace}(.70 45 30) l g b)`,
|
|
1352
|
-
`${colorSpace}(from ${colorSpace}(.70 45 30) l c calc(h + 1%))`,
|
|
1353
|
-
`${colorSpace}(from ${colorSpace}(.70 45 30) l c calc(h + 1deg))`,
|
|
1354
|
-
];
|
|
1355
|
-
cases.forEach((c) => expect(Color.isValid(c, colorSpace)).toBe(false));
|
|
1356
|
-
}
|
|
1357
|
-
for (const colorSpace of ["srgb", "srgb-linear", "a98-rgb", "rec2020", "prophoto-rgb", "display-p3"]) {
|
|
1358
|
-
const cases = [
|
|
1359
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} 10deg g b)`,
|
|
1360
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} r 10deg b)`,
|
|
1361
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} r g 10deg)`,
|
|
1362
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} r g b / 10deg)`,
|
|
1363
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} red g b)`,
|
|
1364
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} x g b)`,
|
|
1365
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} l g b)`,
|
|
1366
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} x y z)`,
|
|
1367
|
-
`color(from color(${colorSpace} 0.7 0.5 0.3) ${colorSpace} calc(r + 1%) g b)`,
|
|
1368
|
-
];
|
|
1369
|
-
cases.forEach((c) => expect(Color.isValid(c, colorSpace)).toBe(false));
|
|
1370
|
-
}
|
|
1371
|
-
for (const colorSpace of ["xyz", "xyz-d50", "xyz-d65"]) {
|
|
1372
|
-
const cases = [
|
|
1373
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} 10deg y z)`,
|
|
1374
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} x 10deg z)`,
|
|
1375
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} x y 10deg)`,
|
|
1376
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} x y z / 10deg)`,
|
|
1377
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} red y)`,
|
|
1378
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} r y z)`,
|
|
1379
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} l y z)`,
|
|
1380
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} r g b)`,
|
|
1381
|
-
`color(from color(${colorSpace} 7 -20.5 100) ${colorSpace} calc(x + 1%) y z)`,
|
|
1382
|
-
];
|
|
1383
|
-
cases.forEach((c) => expect(Color.isValid(c, colorSpace)).toBe(false));
|
|
1384
|
-
}
|
|
1385
|
-
});
|
|
1386
|
-
it("should test valid <color-mix()>", () => {
|
|
1387
|
-
const cases = [
|
|
1388
|
-
"color-mix(in srgb, red, blue)",
|
|
1389
|
-
"color-mix(in srgb, 70% red, 50% blue)",
|
|
1390
|
-
"color-mix(in srgb, red 70%, blue 50%)",
|
|
1391
|
-
"color-mix(in hsl, red, blue)",
|
|
1392
|
-
"color-mix(in hsl, red, blue)",
|
|
1393
|
-
"color-mix(in hsl, red calc(20%), blue)",
|
|
1394
|
-
"color-mix(in hsl, red calc(20%), blue)",
|
|
1395
|
-
"color-mix(in hsl, red calc(var(--v)*1%), blue)",
|
|
1396
|
-
"color-mix(in hsl, red calc(var(--v)*1%), blue)",
|
|
1397
|
-
"color-mix(in hsl, currentcolor, blue)",
|
|
1398
|
-
"color-mix(in hsl, currentcolor, blue)",
|
|
1399
|
-
"color-mix(in hsl, red 60%, blue 40%)",
|
|
1400
|
-
"color-mix(in hsl, red 60%, blue)",
|
|
1401
|
-
"color-mix(in hsl, red 50%, blue)",
|
|
1402
|
-
"color-mix(in hsl, red, blue)",
|
|
1403
|
-
"color-mix(in hsl, red, blue 50%)",
|
|
1404
|
-
"color-mix(in hsl, red, blue)",
|
|
1405
|
-
"color-mix(in lch decreasing hue, red, hsl(120, 100%, 50%))",
|
|
1406
|
-
"color-mix(in lch decreasing hue, red, rgb(0, 255, 0))",
|
|
1407
|
-
"color-mix(in hsl, hsl(120deg 10% 20%), hsl(30deg 30% 40%))",
|
|
1408
|
-
"color-mix(in hsl, rgb(46, 56, 46), rgb(133, 102, 71))",
|
|
1409
|
-
"color-mix(in hsl, 50% hsl(120deg 10% 20%), hsl(30deg 30% 40%))",
|
|
1410
|
-
"color-mix(in hsl, rgb(46, 56, 46), rgb(133, 102, 71))",
|
|
1411
|
-
"color-mix(in hsl, hsl(120deg 10% 20%), 50% hsl(30deg 30% 40%))",
|
|
1412
|
-
"color-mix(in hsl, rgb(46, 56, 46), rgb(133, 102, 71))",
|
|
1413
|
-
"color-mix(in hsl, hsl(120deg 10% 20%) 25%, hsl(30deg 30% 40%))",
|
|
1414
|
-
"color-mix(in hsl, rgb(46, 56, 46) 25%, rgb(133, 102, 71))",
|
|
1415
|
-
"color-mix(in hsl, 25% hsl(120deg 10% 20%), hsl(30deg 30% 40%))",
|
|
1416
|
-
"color-mix(in hsl, rgb(46, 56, 46) 25%, rgb(133, 102, 71))",
|
|
1417
|
-
"color-mix(in hsl, hsl(120deg 10% 20%), 25% hsl(30deg 30% 40%))",
|
|
1418
|
-
"color-mix(in hsl, rgb(46, 56, 46) 75%, rgb(133, 102, 71))",
|
|
1419
|
-
"color-mix(in hsl, hsl(120deg 10% 20%), hsl(30deg 30% 40%) 25%)",
|
|
1420
|
-
"color-mix(in hsl, rgb(46, 56, 46) 75%, rgb(133, 102, 71))",
|
|
1421
|
-
"color-mix(in hsl, hsl(120deg 10% 20%) 25%, hsl(30deg 30% 40%) 75%)",
|
|
1422
|
-
"color-mix(in hsl, rgb(46, 56, 46) 25%, rgb(133, 102, 71))",
|
|
1423
|
-
"color-mix(in hsl, hsl(120deg 10% 20%) 30%, hsl(30deg 30% 40%) 90%)",
|
|
1424
|
-
"color-mix(in hsl, rgb(46, 56, 46) 30%, rgb(133, 102, 71) 90%)",
|
|
1425
|
-
"color-mix(in hsl, hsl(120deg 10% 20%) 12.5%, hsl(30deg 30% 40%) 37.5%)",
|
|
1426
|
-
"color-mix(in hsl, rgb(46, 56, 46) 12.5%, rgb(133, 102, 71) 37.5%)",
|
|
1427
|
-
"color-mix(in hsl, hsl(120deg 10% 20%) 0%, hsl(30deg 30% 40%))",
|
|
1428
|
-
"color-mix(in hsl, rgb(46, 56, 46) 0%, rgb(133, 102, 71))",
|
|
1429
|
-
"color-mix(in hsl, hsl(120deg 10% 20% / .4), hsl(30deg 30% 40% / .8))",
|
|
1430
|
-
"color-mix(in hsl, rgba(46, 56, 46, 0.4), rgba(133, 102, 71, 0.8))",
|
|
1431
|
-
"color-mix(in hsl, hsl(120deg 10% 20%) 25%, hsl(30deg 30% 40% / .8))",
|
|
1432
|
-
"color-mix(in hsl, rgb(46, 56, 46) 25%, rgba(133, 102, 71, 0.8))",
|
|
1433
|
-
"color-mix(in hsl, 25% hsl(120deg 10% 20% / .4), hsl(30deg 30% 40% / .8))",
|
|
1434
|
-
"color-mix(in hsl, rgba(46, 56, 46, 0.4) 25%, rgba(133, 102, 71, 0.8))",
|
|
1435
|
-
"color-mix(in hsl, hsl(120deg 10% 20% / .4), 25% hsl(30deg 30% 40% / .8))",
|
|
1436
|
-
"color-mix(in hsl, rgba(46, 56, 46, 0.4) 75%, rgba(133, 102, 71, 0.8))",
|
|
1437
|
-
"color-mix(in hsl, hsl(120deg 10% 20% / .4), hsl(30deg 30% 40% / .8) 25%)",
|
|
1438
|
-
"color-mix(in hsl, rgba(46, 56, 46, 0.4) 75%, rgba(133, 102, 71, 0.8))",
|
|
1439
|
-
"color-mix(in hsl, hsl(120deg 10% 20% / .4) 25%, hsl(30deg 30% 40% / .8) 75%)",
|
|
1440
|
-
"color-mix(in hsl, rgba(46, 56, 46, 0.4) 25%, rgba(133, 102, 71, 0.8))",
|
|
1441
|
-
"color-mix(in hsl, hsl(120deg 10% 20% / .4) 30%, hsl(30deg 30% 40% / .8) 90%)",
|
|
1442
|
-
"color-mix(in hsl, rgba(46, 56, 46, 0.4) 30%, rgba(133, 102, 71, 0.8) 90%)",
|
|
1443
|
-
"color-mix(in hsl, hsl(120deg 10% 20% / .4) 12.5%, hsl(30deg 30% 40% / .8) 37.5%)",
|
|
1444
|
-
"color-mix(in hsl, rgba(46, 56, 46, 0.4) 12.5%, rgba(133, 102, 71, 0.8) 37.5%)",
|
|
1445
|
-
"color-mix(in hsl, hsl(120deg 10% 20% / .4) 0%, hsl(30deg 30% 40% / .8))",
|
|
1446
|
-
"color-mix(in hsl, rgba(46, 56, 46, 0.4) 0%, rgba(133, 102, 71, 0.8))",
|
|
1447
|
-
"color-mix(in hsl, hsl(40deg 50% 50%), hsl(60deg 50% 50%))",
|
|
1448
|
-
"color-mix(in hsl, rgb(191, 149, 64), rgb(191, 191, 64))",
|
|
1449
|
-
"color-mix(in hsl, hsl(60deg 50% 50%), hsl(40deg 50% 50%))",
|
|
1450
|
-
"color-mix(in hsl, rgb(191, 191, 64), rgb(191, 149, 64))",
|
|
1451
|
-
"color-mix(in hsl, hsl(50deg 50% 50%), hsl(330deg 50% 50%))",
|
|
1452
|
-
"color-mix(in hsl, rgb(191, 170, 64), rgb(191, 64, 128))",
|
|
1453
|
-
"color-mix(in hsl, hsl(330deg 50% 50%), hsl(50deg 50% 50%))",
|
|
1454
|
-
"color-mix(in hsl, rgb(191, 64, 128), rgb(191, 170, 64))",
|
|
1455
|
-
"color-mix(in hsl, hsl(20deg 50% 50%), hsl(320deg 50% 50%))",
|
|
1456
|
-
"color-mix(in hsl, rgb(191, 106, 64), rgb(191, 64, 149))",
|
|
1457
|
-
"color-mix(in hsl, hsl(320deg 50% 50%), hsl(20deg 50% 50%))",
|
|
1458
|
-
"color-mix(in hsl, rgb(191, 64, 149), rgb(191, 106, 64))",
|
|
1459
|
-
"color-mix(in hsl shorter hue, hsl(40deg 50% 50%), hsl(60deg 50% 50%))",
|
|
1460
|
-
"color-mix(in hsl, rgb(191, 149, 64), rgb(191, 191, 64))",
|
|
1461
|
-
"color-mix(in hsl shorter hue, hsl(60deg 50% 50%), hsl(40deg 50% 50%))",
|
|
1462
|
-
"color-mix(in hsl, rgb(191, 191, 64), rgb(191, 149, 64))",
|
|
1463
|
-
"color-mix(in hsl shorter hue, hsl(50deg 50% 50%), hsl(330deg 50% 50%))",
|
|
1464
|
-
"color-mix(in hsl, rgb(191, 170, 64), rgb(191, 64, 128))",
|
|
1465
|
-
"color-mix(in hsl shorter hue, hsl(330deg 50% 50%), hsl(50deg 50% 50%))",
|
|
1466
|
-
"color-mix(in hsl, rgb(191, 64, 128), rgb(191, 170, 64))",
|
|
1467
|
-
"color-mix(in hsl shorter hue, hsl(20deg 50% 50%), hsl(320deg 50% 50%))",
|
|
1468
|
-
"color-mix(in hsl, rgb(191, 106, 64), rgb(191, 64, 149))",
|
|
1469
|
-
"color-mix(in hsl shorter hue, hsl(320deg 50% 50%), hsl(20deg 50% 50%))",
|
|
1470
|
-
"color-mix(in hsl, rgb(191, 64, 149), rgb(191, 106, 64))",
|
|
1471
|
-
"color-mix(in hsl longer hue, hsl(40deg 50% 50%), hsl(60deg 50% 50%))",
|
|
1472
|
-
"color-mix(in hsl longer hue, rgb(191, 149, 64), rgb(191, 191, 64))",
|
|
1473
|
-
"color-mix(in hsl longer hue, hsl(60deg 50% 50%), hsl(40deg 50% 50%))",
|
|
1474
|
-
"color-mix(in hsl longer hue, rgb(191, 191, 64), rgb(191, 149, 64))",
|
|
1475
|
-
"color-mix(in hsl longer hue, hsl(50deg 50% 50%), hsl(330deg 50% 50%))",
|
|
1476
|
-
"color-mix(in hsl longer hue, rgb(191, 170, 64), rgb(191, 64, 128))",
|
|
1477
|
-
"color-mix(in hsl longer hue, hsl(330deg 50% 50%), hsl(50deg 50% 50%))",
|
|
1478
|
-
"color-mix(in hsl longer hue, rgb(191, 64, 128), rgb(191, 170, 64))",
|
|
1479
|
-
"color-mix(in hsl longer hue, hsl(20deg 50% 50%), hsl(320deg 50% 50%))",
|
|
1480
|
-
"color-mix(in hsl longer hue, rgb(191, 106, 64), rgb(191, 64, 149))",
|
|
1481
|
-
"color-mix(in hsl longer hue, hsl(320deg 50% 50%), hsl(20deg 50% 50%))",
|
|
1482
|
-
"color-mix(in hsl longer hue, rgb(191, 64, 149), rgb(191, 106, 64))",
|
|
1483
|
-
"color-mix(in hsl increasing hue, hsl(40deg 50% 50%), hsl(60deg 50% 50%))",
|
|
1484
|
-
"color-mix(in hsl increasing hue, rgb(191, 149, 64), rgb(191, 191, 64))",
|
|
1485
|
-
"color-mix(in hsl increasing hue, hsl(60deg 50% 50%), hsl(40deg 50% 50%))",
|
|
1486
|
-
"color-mix(in hsl increasing hue, rgb(191, 191, 64), rgb(191, 149, 64))",
|
|
1487
|
-
"color-mix(in hsl increasing hue, hsl(50deg 50% 50%), hsl(330deg 50% 50%))",
|
|
1488
|
-
"color-mix(in hsl increasing hue, rgb(191, 170, 64), rgb(191, 64, 128))",
|
|
1489
|
-
"color-mix(in hsl increasing hue, hsl(330deg 50% 50%), hsl(50deg 50% 50%))",
|
|
1490
|
-
"color-mix(in hsl increasing hue, rgb(191, 64, 128), rgb(191, 170, 64))",
|
|
1491
|
-
"color-mix(in hsl increasing hue, hsl(20deg 50% 50%), hsl(320deg 50% 50%))",
|
|
1492
|
-
"color-mix(in hsl increasing hue, rgb(191, 106, 64), rgb(191, 64, 149))",
|
|
1493
|
-
"color-mix(in hsl increasing hue, hsl(320deg 50% 50%), hsl(20deg 50% 50%))",
|
|
1494
|
-
"color-mix(in hsl increasing hue, rgb(191, 64, 149), rgb(191, 106, 64))",
|
|
1495
|
-
"color-mix(in hsl decreasing hue, hsl(40deg 50% 50%), hsl(60deg 50% 50%))",
|
|
1496
|
-
"color-mix(in hsl decreasing hue, rgb(191, 149, 64), rgb(191, 191, 64))",
|
|
1497
|
-
"color-mix(in hsl decreasing hue, hsl(60deg 50% 50%), hsl(40deg 50% 50%))",
|
|
1498
|
-
"color-mix(in hsl decreasing hue, rgb(191, 191, 64), rgb(191, 149, 64))",
|
|
1499
|
-
"color-mix(in hsl decreasing hue, hsl(50deg 50% 50%), hsl(330deg 50% 50%))",
|
|
1500
|
-
"color-mix(in hsl decreasing hue, rgb(191, 170, 64), rgb(191, 64, 128))",
|
|
1501
|
-
"color-mix(in hsl decreasing hue, hsl(330deg 50% 50%), hsl(50deg 50% 50%))",
|
|
1502
|
-
"color-mix(in hsl decreasing hue, rgb(191, 64, 128), rgb(191, 170, 64))",
|
|
1503
|
-
"color-mix(in hsl decreasing hue, hsl(20deg 50% 50%), hsl(320deg 50% 50%))",
|
|
1504
|
-
"color-mix(in hsl decreasing hue, rgb(191, 106, 64), rgb(191, 64, 149))",
|
|
1505
|
-
"color-mix(in hsl decreasing hue, hsl(320deg 50% 50%), hsl(20deg 50% 50%))",
|
|
1506
|
-
"color-mix(in hsl decreasing hue, rgb(191, 64, 149), rgb(191, 106, 64))",
|
|
1507
|
-
"color-mix(in hsl, hsl(none none none), hsl(none none none))",
|
|
1508
|
-
"color-mix(in hsl, rgb(0, 0, 0), rgb(0, 0, 0))",
|
|
1509
|
-
"color-mix(in hsl, hsl(none none none), hsl(30deg 40% 80%))",
|
|
1510
|
-
"color-mix(in hsl, rgb(0, 0, 0), rgb(224, 204, 184))",
|
|
1511
|
-
"color-mix(in hsl, hsl(120deg 20% 40%), hsl(none none none))",
|
|
1512
|
-
"color-mix(in hsl, rgb(82, 122, 82), rgb(0, 0, 0))",
|
|
1513
|
-
"color-mix(in hsl, hsl(120deg 20% none), hsl(30deg 40% 60%))",
|
|
1514
|
-
"color-mix(in hsl, rgb(0, 0, 0), rgb(194, 153, 112))",
|
|
1515
|
-
"color-mix(in hsl, hsl(120deg 20% 40%), hsl(30deg 20% none))",
|
|
1516
|
-
"color-mix(in hsl, rgb(82, 122, 82), rgb(0, 0, 0))",
|
|
1517
|
-
"color-mix(in hsl, hsl(none 20% 40%), hsl(30deg none 80%))",
|
|
1518
|
-
"color-mix(in hsl, rgb(122, 82, 82), rgb(204, 204, 204))",
|
|
1519
|
-
"color-mix(in hsl, hsl(120deg 40% 40% / none), hsl(0deg 40% 40%))",
|
|
1520
|
-
"color-mix(in hsl, rgba(61, 143, 61, 0), rgb(143, 61, 61))",
|
|
1521
|
-
"color-mix(in hsl, hsl(120deg 40% 40% / none), hsl(0deg 40% 40% / 0.5))",
|
|
1522
|
-
"color-mix(in hsl, rgba(61, 143, 61, 0), rgba(143, 61, 61, 0.5))",
|
|
1523
|
-
"color-mix(in hsl, hsl(120deg 40% 40% / none), hsl(0deg 40% 40% / none))",
|
|
1524
|
-
"color-mix(in hsl, rgba(61, 143, 61, 0), rgba(143, 61, 61, 0))",
|
|
1525
|
-
"color-mix(in hsl, color(display-p3 0 1 0) 100%, rgb(0, 0, 0) 0%)",
|
|
1526
|
-
"color-mix(in hsl, color(display-p3 0 1 0) 100%, rgb(0, 0, 0))",
|
|
1527
|
-
"color-mix(in hsl, lab(100 104.3 -50.9) 100%, rgb(0, 0, 0) 0%)",
|
|
1528
|
-
"color-mix(in hsl, lab(100 104.3 -50.9) 100%, rgb(0, 0, 0))",
|
|
1529
|
-
"color-mix(in hsl, lab(0 104.3 -50.9) 100%, rgb(0, 0, 0) 0%)",
|
|
1530
|
-
"color-mix(in hsl, lab(0 104.3 -50.9) 100%, rgb(0, 0, 0))",
|
|
1531
|
-
"color-mix(in hsl, lch(100 116 334) 100%, rgb(0, 0, 0) 0%)",
|
|
1532
|
-
"color-mix(in hsl, lch(100 116 334) 100%, rgb(0, 0, 0))",
|
|
1533
|
-
"color-mix(in hsl, lch(0 116 334) 100%, rgb(0, 0, 0) 0%)",
|
|
1534
|
-
"color-mix(in hsl, lch(0 116 334) 100%, rgb(0, 0, 0))",
|
|
1535
|
-
"color-mix(in hsl, oklab(100 0.365 -0.16) 100%, rgb(0, 0, 0) 0%)",
|
|
1536
|
-
"color-mix(in hsl, oklab(1 0.365 -0.16) 100%, rgb(0, 0, 0))",
|
|
1537
|
-
"color-mix(in hsl, oklab(0 0.365 -0.16) 100%, rgb(0, 0, 0) 0%)",
|
|
1538
|
-
"color-mix(in hsl, oklab(0 0.365 -0.16) 100%, rgb(0, 0, 0))",
|
|
1539
|
-
"color-mix(in hsl, oklch(100 0.399 336.3) 100%, rgb(0, 0, 0) 0%)",
|
|
1540
|
-
"color-mix(in hsl, oklch(1 0.399 336.3) 100%, rgb(0, 0, 0))",
|
|
1541
|
-
"color-mix(in hsl, oklab(1 0.365 -0.16) 100%, rgb(0, 0, 0) 0%)",
|
|
1542
|
-
"color-mix(in hsl, oklab(1 0.365 -0.16) 100%, rgb(0, 0, 0))",
|
|
1543
|
-
"color-mix(in hsl, oklch(1 0.399 336.3) 100%, rgb(0, 0, 0) 0%)",
|
|
1544
|
-
"color-mix(in hsl, oklch(1 0.399 336.3) 100%, rgb(0, 0, 0))",
|
|
1545
|
-
"color-mix(in hsl, oklch(0 0.399 336.3) 100%, rgb(0, 0, 0) 0%)",
|
|
1546
|
-
"color-mix(in hsl, oklch(0 0.399 336.3) 100%, rgb(0, 0, 0))",
|
|
1547
|
-
"color-mix(in hwb, hwb(120deg 10% 20%), hwb(30deg 30% 40%))",
|
|
1548
|
-
"color-mix(in hwb, rgb(26, 204, 26), rgb(153, 115, 77))",
|
|
1549
|
-
"color-mix(in hwb, 50% hwb(120deg 10% 20%), hwb(30deg 30% 40%))",
|
|
1550
|
-
"color-mix(in hwb, rgb(26, 204, 26), rgb(153, 115, 77))",
|
|
1551
|
-
"color-mix(in hwb, hwb(120deg 10% 20%), 50% hwb(30deg 30% 40%))",
|
|
1552
|
-
"color-mix(in hwb, rgb(26, 204, 26), rgb(153, 115, 77))",
|
|
1553
|
-
"color-mix(in hwb, hwb(120deg 10% 20%) 25%, hwb(30deg 30% 40%))",
|
|
1554
|
-
"color-mix(in hwb, rgb(26, 204, 26) 25%, rgb(153, 115, 77))",
|
|
1555
|
-
"color-mix(in hwb, 25% hwb(120deg 10% 20%), hwb(30deg 30% 40%))",
|
|
1556
|
-
"color-mix(in hwb, rgb(26, 204, 26) 25%, rgb(153, 115, 77))",
|
|
1557
|
-
"color-mix(in hwb, hwb(120deg 10% 20%), 25% hwb(30deg 30% 40%))",
|
|
1558
|
-
"color-mix(in hwb, rgb(26, 204, 26) 75%, rgb(153, 115, 77))",
|
|
1559
|
-
"color-mix(in hwb, hwb(120deg 10% 20%), hwb(30deg 30% 40%) 25%)",
|
|
1560
|
-
"color-mix(in hwb, rgb(26, 204, 26) 75%, rgb(153, 115, 77))",
|
|
1561
|
-
"color-mix(in hwb, hwb(120deg 10% 20%) 25%, hwb(30deg 30% 40%) 75%)",
|
|
1562
|
-
"color-mix(in hwb, rgb(26, 204, 26) 25%, rgb(153, 115, 77))",
|
|
1563
|
-
"color-mix(in hwb, hwb(120deg 10% 20%) 30%, hwb(30deg 30% 40%) 90%)",
|
|
1564
|
-
"color-mix(in hwb, rgb(26, 204, 26) 30%, rgb(153, 115, 77) 90%)",
|
|
1565
|
-
"color-mix(in hwb, hwb(120deg 10% 20%) 12.5%, hwb(30deg 30% 40%) 37.5%)",
|
|
1566
|
-
"color-mix(in hwb, rgb(26, 204, 26) 12.5%, rgb(153, 115, 77) 37.5%)",
|
|
1567
|
-
"color-mix(in hwb, hwb(120deg 10% 20%) 0%, hwb(30deg 30% 40%))",
|
|
1568
|
-
"color-mix(in hwb, rgb(26, 204, 26) 0%, rgb(153, 115, 77))",
|
|
1569
|
-
"color-mix(in hwb, hwb(120deg 10% 20% / .4), hwb(30deg 30% 40% / .8))",
|
|
1570
|
-
"color-mix(in hwb, rgba(26, 204, 26, 0.4), rgba(153, 115, 77, 0.8))",
|
|
1571
|
-
"color-mix(in hwb, hwb(120deg 10% 20% / .4) 25%, hwb(30deg 30% 40% / .8))",
|
|
1572
|
-
"color-mix(in hwb, rgba(26, 204, 26, 0.4) 25%, rgba(153, 115, 77, 0.8))",
|
|
1573
|
-
"color-mix(in hwb, 25% hwb(120deg 10% 20% / .4), hwb(30deg 30% 40% / .8))",
|
|
1574
|
-
"color-mix(in hwb, rgba(26, 204, 26, 0.4) 25%, rgba(153, 115, 77, 0.8))",
|
|
1575
|
-
"color-mix(in hwb, hwb(120deg 10% 20%), 25% hwb(30deg 30% 40% / .8))",
|
|
1576
|
-
"color-mix(in hwb, rgb(26, 204, 26) 75%, rgba(153, 115, 77, 0.8))",
|
|
1577
|
-
"color-mix(in hwb, hwb(120deg 10% 20% / .4), hwb(30deg 30% 40% / .8) 25%)",
|
|
1578
|
-
"color-mix(in hwb, rgba(26, 204, 26, 0.4) 75%, rgba(153, 115, 77, 0.8))",
|
|
1579
|
-
"color-mix(in hwb, hwb(120deg 10% 20% / .4) 25%, hwb(30deg 30% 40% / .8) 75%)",
|
|
1580
|
-
"color-mix(in hwb, rgba(26, 204, 26, 0.4) 25%, rgba(153, 115, 77, 0.8))",
|
|
1581
|
-
"color-mix(in hwb, hwb(120deg 10% 20% / .4) 30%, hwb(30deg 30% 40% / .8) 90%)",
|
|
1582
|
-
"color-mix(in hwb, rgba(26, 204, 26, 0.4) 30%, rgba(153, 115, 77, 0.8) 90%)",
|
|
1583
|
-
"color-mix(in hwb, hwb(120deg 10% 20% / .4) 12.5%, hwb(30deg 30% 40% / .8) 37.5%)",
|
|
1584
|
-
"color-mix(in hwb, rgba(26, 204, 26, 0.4) 12.5%, rgba(153, 115, 77, 0.8) 37.5%)",
|
|
1585
|
-
"color-mix(in hwb, hwb(120deg 10% 20% / .4) 0%, hwb(30deg 30% 40% / .8))",
|
|
1586
|
-
"color-mix(in hwb, rgba(26, 204, 26, 0.4) 0%, rgba(153, 115, 77, 0.8))",
|
|
1587
|
-
"color-mix(in hwb, hwb(40deg 30% 40%), hwb(60deg 30% 40%))",
|
|
1588
|
-
"color-mix(in hwb, rgb(153, 128, 77), rgb(153, 153, 77))",
|
|
1589
|
-
"color-mix(in hwb, hwb(60deg 30% 40%), hwb(40deg 30% 40%))",
|
|
1590
|
-
"color-mix(in hwb, rgb(153, 153, 77), rgb(153, 128, 77))",
|
|
1591
|
-
"color-mix(in hwb, hwb(50deg 30% 40%), hwb(330deg 30% 40%))",
|
|
1592
|
-
"color-mix(in hwb, rgb(153, 140, 77), rgb(153, 77, 115))",
|
|
1593
|
-
"color-mix(in hwb, hwb(330deg 30% 40%), hwb(50deg 30% 40%))",
|
|
1594
|
-
"color-mix(in hwb, rgb(153, 77, 115), rgb(153, 140, 77))",
|
|
1595
|
-
"color-mix(in hwb, hwb(20deg 30% 40%), hwb(320deg 30% 40%))",
|
|
1596
|
-
"color-mix(in hwb, rgb(153, 102, 77), rgb(153, 77, 128))",
|
|
1597
|
-
"color-mix(in hwb, hwb(320deg 30% 40%), hwb(20deg 30% 40%))",
|
|
1598
|
-
"color-mix(in hwb, rgb(153, 77, 128), rgb(153, 102, 77))",
|
|
1599
|
-
"color-mix(in hwb shorter hue, hwb(40deg 30% 40%), hwb(60deg 30% 40%))",
|
|
1600
|
-
"color-mix(in hwb, rgb(153, 128, 77), rgb(153, 153, 77))",
|
|
1601
|
-
"color-mix(in hwb shorter hue, hwb(60deg 30% 40%), hwb(40deg 30% 40%))",
|
|
1602
|
-
"color-mix(in hwb, rgb(153, 153, 77), rgb(153, 128, 77))",
|
|
1603
|
-
"color-mix(in hwb shorter hue, hwb(50deg 30% 40%), hwb(330deg 30% 40%))",
|
|
1604
|
-
"color-mix(in hwb, rgb(153, 140, 77), rgb(153, 77, 115))",
|
|
1605
|
-
"color-mix(in hwb shorter hue, hwb(330deg 30% 40%), hwb(50deg 30% 40%))",
|
|
1606
|
-
"color-mix(in hwb, rgb(153, 77, 115), rgb(153, 140, 77))",
|
|
1607
|
-
"color-mix(in hwb shorter hue, hwb(20deg 30% 40%), hwb(320deg 30% 40%))",
|
|
1608
|
-
"color-mix(in hwb, rgb(153, 102, 77), rgb(153, 77, 128))",
|
|
1609
|
-
"color-mix(in hwb shorter hue, hwb(320deg 30% 40%), hwb(20deg 30% 40%))",
|
|
1610
|
-
"color-mix(in hwb, rgb(153, 77, 128), rgb(153, 102, 77))",
|
|
1611
|
-
"color-mix(in hwb longer hue, hwb(40deg 30% 40%), hwb(60deg 30% 40%))",
|
|
1612
|
-
"color-mix(in hwb longer hue, rgb(153, 128, 77), rgb(153, 153, 77))",
|
|
1613
|
-
"color-mix(in hwb longer hue, hwb(60deg 30% 40%), hwb(40deg 30% 40%))",
|
|
1614
|
-
"color-mix(in hwb longer hue, rgb(153, 153, 77), rgb(153, 128, 77))",
|
|
1615
|
-
"color-mix(in hwb longer hue, hwb(50deg 30% 40%), hwb(330deg 30% 40%))",
|
|
1616
|
-
"color-mix(in hwb longer hue, rgb(153, 140, 77), rgb(153, 77, 115))",
|
|
1617
|
-
"color-mix(in hwb longer hue, hwb(330deg 30% 40%), hwb(50deg 30% 40%))",
|
|
1618
|
-
"color-mix(in hwb longer hue, rgb(153, 77, 115), rgb(153, 140, 77))",
|
|
1619
|
-
"color-mix(in hwb longer hue, hwb(20deg 30% 40%), hwb(320deg 30% 40%))",
|
|
1620
|
-
"color-mix(in hwb longer hue, rgb(153, 102, 77), rgb(153, 77, 128))",
|
|
1621
|
-
"color-mix(in hwb longer hue, hwb(320deg 30% 40%), hwb(20deg 30% 40%))",
|
|
1622
|
-
"color-mix(in hwb longer hue, rgb(153, 77, 128), rgb(153, 102, 77))",
|
|
1623
|
-
"color-mix(in hwb increasing hue, hwb(40deg 30% 40%), hwb(60deg 30% 40%))",
|
|
1624
|
-
"color-mix(in hwb increasing hue, rgb(153, 128, 77), rgb(153, 153, 77))",
|
|
1625
|
-
"color-mix(in hwb increasing hue, hwb(60deg 30% 40%), hwb(40deg 30% 40%))",
|
|
1626
|
-
"color-mix(in hwb increasing hue, rgb(153, 153, 77), rgb(153, 128, 77))",
|
|
1627
|
-
"color-mix(in hwb increasing hue, hwb(50deg 30% 40%), hwb(330deg 30% 40%))",
|
|
1628
|
-
"color-mix(in hwb increasing hue, rgb(153, 140, 77), rgb(153, 77, 115))",
|
|
1629
|
-
"color-mix(in hwb increasing hue, hwb(330deg 30% 40%), hwb(50deg 30% 40%))",
|
|
1630
|
-
"color-mix(in hwb increasing hue, rgb(153, 77, 115), rgb(153, 140, 77))",
|
|
1631
|
-
"color-mix(in hwb increasing hue, hwb(20deg 30% 40%), hwb(320deg 30% 40%))",
|
|
1632
|
-
"color-mix(in hwb increasing hue, rgb(153, 102, 77), rgb(153, 77, 128))",
|
|
1633
|
-
"color-mix(in hwb increasing hue, hwb(320deg 30% 40%), hwb(20deg 30% 40%))",
|
|
1634
|
-
"color-mix(in hwb increasing hue, rgb(153, 77, 128), rgb(153, 102, 77))",
|
|
1635
|
-
"color-mix(in hwb decreasing hue, hwb(40deg 30% 40%), hwb(60deg 30% 40%))",
|
|
1636
|
-
"color-mix(in hwb decreasing hue, rgb(153, 128, 77), rgb(153, 153, 77))",
|
|
1637
|
-
"color-mix(in hwb decreasing hue, hwb(60deg 30% 40%), hwb(40deg 30% 40%))",
|
|
1638
|
-
"color-mix(in hwb decreasing hue, rgb(153, 153, 77), rgb(153, 128, 77))",
|
|
1639
|
-
"color-mix(in hwb decreasing hue, hwb(50deg 30% 40%), hwb(330deg 30% 40%))",
|
|
1640
|
-
"color-mix(in hwb decreasing hue, rgb(153, 140, 77), rgb(153, 77, 115))",
|
|
1641
|
-
"color-mix(in hwb decreasing hue, hwb(330deg 30% 40%), hwb(50deg 30% 40%))",
|
|
1642
|
-
"color-mix(in hwb decreasing hue, rgb(153, 77, 115), rgb(153, 140, 77))",
|
|
1643
|
-
"color-mix(in hwb decreasing hue, hwb(20deg 30% 40%), hwb(320deg 30% 40%))",
|
|
1644
|
-
"color-mix(in hwb decreasing hue, rgb(153, 102, 77), rgb(153, 77, 128))",
|
|
1645
|
-
"color-mix(in hwb decreasing hue, hwb(320deg 30% 40%), hwb(20deg 30% 40%))",
|
|
1646
|
-
"color-mix(in hwb decreasing hue, rgb(153, 77, 128), rgb(153, 102, 77))",
|
|
1647
|
-
"color-mix(in hwb, hwb(none none none), hwb(none none none))",
|
|
1648
|
-
"color-mix(in hwb, rgb(255, 0, 0), rgb(255, 0, 0))",
|
|
1649
|
-
"color-mix(in hwb, hwb(none none none), hwb(30deg 30% 40%))",
|
|
1650
|
-
"color-mix(in hwb, rgb(255, 0, 0), rgb(153, 115, 77))",
|
|
1651
|
-
"color-mix(in hwb, hwb(120deg 10% 20%), hwb(none none none))",
|
|
1652
|
-
"color-mix(in hwb, rgb(26, 204, 26), rgb(255, 0, 0))",
|
|
1653
|
-
"color-mix(in hwb, hwb(120deg 10% none), hwb(30deg 30% 40%))",
|
|
1654
|
-
"color-mix(in hwb, rgb(26, 255, 26), rgb(153, 115, 77))",
|
|
1655
|
-
"color-mix(in hwb, hwb(120deg 10% 20%), hwb(30deg 30% none))",
|
|
1656
|
-
"color-mix(in hwb, rgb(26, 204, 26), rgb(255, 166, 77))",
|
|
1657
|
-
"color-mix(in hwb, hwb(none 10% 20%), hwb(30deg none 40%))",
|
|
1658
|
-
"color-mix(in hwb, rgb(204, 26, 26), rgb(153, 77, 0))",
|
|
1659
|
-
"color-mix(in hwb, hwb(120deg 10% 20% / none), hwb(30deg 30% 40%))",
|
|
1660
|
-
"color-mix(in hwb, rgba(26, 204, 26, 0), rgb(153, 115, 77))",
|
|
1661
|
-
"color-mix(in hwb, hwb(120deg 10% 20% / none), hwb(30deg 30% 40% / 0.5))",
|
|
1662
|
-
"color-mix(in hwb, rgba(26, 204, 26, 0), rgba(153, 115, 77, 0.5))",
|
|
1663
|
-
"color-mix(in hwb, hwb(120deg 10% 20% / none), hwb(30deg 30% 40% / none))",
|
|
1664
|
-
"color-mix(in hwb, rgba(26, 204, 26, 0), rgba(153, 115, 77, 0))",
|
|
1665
|
-
"color-mix(in hwb, color(display-p3 0 1 0) 100%, rgb(0, 0, 0) 0%)",
|
|
1666
|
-
"color-mix(in hwb, color(display-p3 0 1 0) 100%, rgb(0, 0, 0))",
|
|
1667
|
-
"color-mix(in hwb, lab(100 104.3 -50.9) 100%, rgb(0, 0, 0) 0%)",
|
|
1668
|
-
"color-mix(in hwb, lab(100 104.3 -50.9) 100%, rgb(0, 0, 0))",
|
|
1669
|
-
"color-mix(in hwb, lab(0 104.3 -50.9) 100%, rgb(0, 0, 0) 0%)",
|
|
1670
|
-
"color-mix(in hwb, lab(0 104.3 -50.9) 100%, rgb(0, 0, 0))",
|
|
1671
|
-
"color-mix(in hwb, lch(100 116 334) 100%, rgb(0, 0, 0) 0%)",
|
|
1672
|
-
"color-mix(in hwb, lch(100 116 334) 100%, rgb(0, 0, 0))",
|
|
1673
|
-
"color-mix(in hwb, lch(0 116 334) 100%, rgb(0, 0, 0) 0%)",
|
|
1674
|
-
"color-mix(in hwb, lch(0 116 334) 100%, rgb(0, 0, 0))",
|
|
1675
|
-
"color-mix(in hwb, oklab(100 0.365 -0.16) 100%, rgb(0, 0, 0) 0%)",
|
|
1676
|
-
"color-mix(in hwb, oklab(1 0.365 -0.16) 100%, rgb(0, 0, 0))",
|
|
1677
|
-
"color-mix(in hwb, oklab(0 0.365 -0.16) 100%, rgb(0, 0, 0) 0%)",
|
|
1678
|
-
"color-mix(in hwb, oklab(0 0.365 -0.16) 100%, rgb(0, 0, 0))",
|
|
1679
|
-
"color-mix(in hwb, oklch(100 0.399 336.3) 100%, rgb(0, 0, 0) 0%)",
|
|
1680
|
-
"color-mix(in hwb, oklch(1 0.399 336.3) 100%, rgb(0, 0, 0))",
|
|
1681
|
-
"color-mix(in hwb, oklch(0 0.399 336.3) 100%, rgb(0, 0, 0) 0%)",
|
|
1682
|
-
"color-mix(in hwb, oklch(0 0.399 336.3) 100%, rgb(0, 0, 0))",
|
|
1683
|
-
"color-mix(in hwb, oklab(1 0.365 -0.16) 100%, rgb(0, 0, 0) 0%)",
|
|
1684
|
-
"color-mix(in hwb, oklab(1 0.365 -0.16) 100%, rgb(0, 0, 0))",
|
|
1685
|
-
"color-mix(in hwb, oklch(1 0.399 336.3) 100%, rgb(0, 0, 0) 0%)",
|
|
1686
|
-
"color-mix(in hwb, oklch(1 0.399 336.3) 100%, rgb(0, 0, 0))",
|
|
1687
|
-
"color-mix(in lch, lch(10 20 30deg), lch(50 60 70deg))",
|
|
1688
|
-
"color-mix(in lch, lch(10 20 30), lch(50 60 70))",
|
|
1689
|
-
"color-mix(in lch, lch(10 20 30deg) 25%, lch(50 60 70deg))",
|
|
1690
|
-
"color-mix(in lch, lch(10 20 30) 25%, lch(50 60 70))",
|
|
1691
|
-
"color-mix(in lch, 25% lch(10 20 30deg), lch(50 60 70deg))",
|
|
1692
|
-
"color-mix(in lch, lch(10 20 30) 25%, lch(50 60 70))",
|
|
1693
|
-
"color-mix(in lch, lch(10 20 30deg), 25% lch(50 60 70deg))",
|
|
1694
|
-
"color-mix(in lch, lch(10 20 30) 75%, lch(50 60 70))",
|
|
1695
|
-
"color-mix(in lch, lch(10 20 30deg), lch(50 60 70deg) 25%)",
|
|
1696
|
-
"color-mix(in lch, lch(10 20 30) 75%, lch(50 60 70))",
|
|
1697
|
-
"color-mix(in lch, lch(10 20 30deg) 25%, lch(50 60 70deg) 75%)",
|
|
1698
|
-
"color-mix(in lch, lch(10 20 30) 25%, lch(50 60 70))",
|
|
1699
|
-
"color-mix(in lch, lch(10 20 30deg) 30%, lch(50 60 70deg) 90%)",
|
|
1700
|
-
"color-mix(in lch, lch(10 20 30) 30%, lch(50 60 70) 90%)",
|
|
1701
|
-
"color-mix(in lch, lch(10 20 30deg) 12.5%, lch(50 60 70deg) 37.5%)",
|
|
1702
|
-
"color-mix(in lch, lch(10 20 30) 12.5%, lch(50 60 70) 37.5%)",
|
|
1703
|
-
"color-mix(in lch, lch(10 20 30deg) 0%, lch(50 60 70deg))",
|
|
1704
|
-
"color-mix(in lch, lch(10 20 30) 0%, lch(50 60 70))",
|
|
1705
|
-
"color-mix(in lch, lch(10 20 30deg / .4), lch(50 60 70deg / .8))",
|
|
1706
|
-
"color-mix(in lch, lch(10 20 30 / 0.4), lch(50 60 70 / 0.8))",
|
|
1707
|
-
"color-mix(in lch, lch(10 20 30deg / .4) 25%, lch(50 60 70deg / .8))",
|
|
1708
|
-
"color-mix(in lch, lch(10 20 30 / 0.4) 25%, lch(50 60 70 / 0.8))",
|
|
1709
|
-
"color-mix(in lch, 25% lch(10 20 30deg / .4), lch(50 60 70deg / .8))",
|
|
1710
|
-
"color-mix(in lch, lch(10 20 30 / 0.4) 25%, lch(50 60 70 / 0.8))",
|
|
1711
|
-
"color-mix(in lch, lch(10 20 30deg / .4), 25% lch(50 60 70deg / .8))",
|
|
1712
|
-
"color-mix(in lch, lch(10 20 30 / 0.4) 75%, lch(50 60 70 / 0.8))",
|
|
1713
|
-
"color-mix(in lch, lch(10 20 30deg / .4), lch(50 60 70deg / .8) 25%)",
|
|
1714
|
-
"color-mix(in lch, lch(10 20 30 / 0.4) 75%, lch(50 60 70 / 0.8))",
|
|
1715
|
-
"color-mix(in lch, lch(10 20 30deg / .4) 25%, lch(50 60 70deg / .8) 75%)",
|
|
1716
|
-
"color-mix(in lch, lch(10 20 30 / 0.4) 25%, lch(50 60 70 / 0.8))",
|
|
1717
|
-
"color-mix(in lch, lch(10 20 30deg / .4) 30%, lch(50 60 70deg / .8) 90%)",
|
|
1718
|
-
"color-mix(in lch, lch(10 20 30 / 0.4) 30%, lch(50 60 70 / 0.8) 90%)",
|
|
1719
|
-
"color-mix(in lch, lch(10 20 30deg / .4) 12.5%, lch(50 60 70deg / .8) 37.5%)",
|
|
1720
|
-
"color-mix(in lch, lch(10 20 30 / 0.4) 12.5%, lch(50 60 70 / 0.8) 37.5%)",
|
|
1721
|
-
"color-mix(in lch, lch(10 20 30deg / .4) 0%, lch(50 60 70deg / .8))",
|
|
1722
|
-
"color-mix(in lch, lch(10 20 30 / 0.4) 0%, lch(50 60 70 / 0.8))",
|
|
1723
|
-
"color-mix(in lch, lch(100 0 40deg), lch(100 0 60deg))",
|
|
1724
|
-
"color-mix(in lch, lch(100 0 40), lch(100 0 60))",
|
|
1725
|
-
"color-mix(in lch, lch(100 0 60deg), lch(100 0 40deg))",
|
|
1726
|
-
"color-mix(in lch, lch(100 0 60), lch(100 0 40))",
|
|
1727
|
-
"color-mix(in lch, lch(100 0 50deg), lch(100 0 330deg))",
|
|
1728
|
-
"color-mix(in lch, lch(100 0 50), lch(100 0 330))",
|
|
1729
|
-
"color-mix(in lch, lch(100 0 330deg), lch(100 0 50deg))",
|
|
1730
|
-
"color-mix(in lch, lch(100 0 330), lch(100 0 50))",
|
|
1731
|
-
"color-mix(in lch, lch(100 0 20deg), lch(100 0 320deg))",
|
|
1732
|
-
"color-mix(in lch, lch(100 0 20), lch(100 0 320))",
|
|
1733
|
-
"color-mix(in lch, lch(100 0 320deg), lch(100 0 20deg))",
|
|
1734
|
-
"color-mix(in lch, lch(100 0 320), lch(100 0 20))",
|
|
1735
|
-
"color-mix(in lch shorter hue, lch(100 0 40deg), lch(100 0 60deg))",
|
|
1736
|
-
"color-mix(in lch, lch(100 0 40), lch(100 0 60))",
|
|
1737
|
-
"color-mix(in lch shorter hue, lch(100 0 60deg), lch(100 0 40deg))",
|
|
1738
|
-
"color-mix(in lch, lch(100 0 60), lch(100 0 40))",
|
|
1739
|
-
"color-mix(in lch shorter hue, lch(100 0 50deg), lch(100 0 330deg))",
|
|
1740
|
-
"color-mix(in lch, lch(100 0 50), lch(100 0 330))",
|
|
1741
|
-
"color-mix(in lch shorter hue, lch(100 0 330deg), lch(100 0 50deg))",
|
|
1742
|
-
"color-mix(in lch, lch(100 0 330), lch(100 0 50))",
|
|
1743
|
-
"color-mix(in lch shorter hue, lch(100 0 20deg), lch(100 0 320deg))",
|
|
1744
|
-
"color-mix(in lch, lch(100 0 20), lch(100 0 320))",
|
|
1745
|
-
"color-mix(in lch shorter hue, lch(100 0 320deg), lch(100 0 20deg))",
|
|
1746
|
-
"color-mix(in lch, lch(100 0 320), lch(100 0 20))",
|
|
1747
|
-
"color-mix(in lch longer hue, lch(100 0 40deg), lch(100 0 60deg))",
|
|
1748
|
-
"color-mix(in lch longer hue, lch(100 0 40), lch(100 0 60))",
|
|
1749
|
-
"color-mix(in lch longer hue, lch(100 0 60deg), lch(100 0 40deg))",
|
|
1750
|
-
"color-mix(in lch longer hue, lch(100 0 60), lch(100 0 40))",
|
|
1751
|
-
"color-mix(in lch longer hue, lch(100 0 50deg), lch(100 0 330deg))",
|
|
1752
|
-
"color-mix(in lch longer hue, lch(100 0 50), lch(100 0 330))",
|
|
1753
|
-
"color-mix(in lch longer hue, lch(100 0 330deg), lch(100 0 50deg))",
|
|
1754
|
-
"color-mix(in lch longer hue, lch(100 0 330), lch(100 0 50))",
|
|
1755
|
-
"color-mix(in lch longer hue, lch(100 0 20deg), lch(100 0 320deg))",
|
|
1756
|
-
"color-mix(in lch longer hue, lch(100 0 20), lch(100 0 320))",
|
|
1757
|
-
"color-mix(in lch longer hue, lch(100 0 320deg), lch(100 0 20deg))",
|
|
1758
|
-
"color-mix(in lch longer hue, lch(100 0 320), lch(100 0 20))",
|
|
1759
|
-
"color-mix(in lch increasing hue, lch(100 0 40deg), lch(100 0 60deg))",
|
|
1760
|
-
"color-mix(in lch increasing hue, lch(100 0 40), lch(100 0 60))",
|
|
1761
|
-
"color-mix(in lch increasing hue, lch(100 0 60deg), lch(100 0 40deg))",
|
|
1762
|
-
"color-mix(in lch increasing hue, lch(100 0 60), lch(100 0 40))",
|
|
1763
|
-
"color-mix(in lch increasing hue, lch(100 0 50deg), lch(100 0 330deg))",
|
|
1764
|
-
"color-mix(in lch increasing hue, lch(100 0 50), lch(100 0 330))",
|
|
1765
|
-
"color-mix(in lch increasing hue, lch(100 0 330deg), lch(100 0 50deg))",
|
|
1766
|
-
"color-mix(in lch increasing hue, lch(100 0 330), lch(100 0 50))",
|
|
1767
|
-
"color-mix(in lch increasing hue, lch(100 0 20deg), lch(100 0 320deg))",
|
|
1768
|
-
"color-mix(in lch increasing hue, lch(100 0 20), lch(100 0 320))",
|
|
1769
|
-
"color-mix(in lch increasing hue, lch(100 0 320deg), lch(100 0 20deg))",
|
|
1770
|
-
"color-mix(in lch increasing hue, lch(100 0 320), lch(100 0 20))",
|
|
1771
|
-
"color-mix(in lch decreasing hue, lch(100 0 40deg), lch(100 0 60deg))",
|
|
1772
|
-
"color-mix(in lch decreasing hue, lch(100 0 40), lch(100 0 60))",
|
|
1773
|
-
"color-mix(in lch decreasing hue, lch(100 0 60deg), lch(100 0 40deg))",
|
|
1774
|
-
"color-mix(in lch decreasing hue, lch(100 0 60), lch(100 0 40))",
|
|
1775
|
-
"color-mix(in lch decreasing hue, lch(100 0 50deg), lch(100 0 330deg))",
|
|
1776
|
-
"color-mix(in lch decreasing hue, lch(100 0 50), lch(100 0 330))",
|
|
1777
|
-
"color-mix(in lch decreasing hue, lch(100 0 330deg), lch(100 0 50deg))",
|
|
1778
|
-
"color-mix(in lch decreasing hue, lch(100 0 330), lch(100 0 50))",
|
|
1779
|
-
"color-mix(in lch decreasing hue, lch(100 0 20deg), lch(100 0 320deg))",
|
|
1780
|
-
"color-mix(in lch decreasing hue, lch(100 0 20), lch(100 0 320))",
|
|
1781
|
-
"color-mix(in lch decreasing hue, lch(100 0 320deg), lch(100 0 20deg))",
|
|
1782
|
-
"color-mix(in lch decreasing hue, lch(100 0 320), lch(100 0 20))",
|
|
1783
|
-
"color-mix(in lch, lch(none none none), lch(none none none))",
|
|
1784
|
-
"color-mix(in lch, lch(none none none), lch(none none none))",
|
|
1785
|
-
"color-mix(in lch, lch(none none none), lch(50 60 70deg))",
|
|
1786
|
-
"color-mix(in lch, lch(none none none), lch(50 60 70))",
|
|
1787
|
-
"color-mix(in lch, lch(10 20 30deg), lch(none none none))",
|
|
1788
|
-
"color-mix(in lch, lch(10 20 30), lch(none none none))",
|
|
1789
|
-
"color-mix(in lch, lch(10 20 none), lch(50 60 70deg))",
|
|
1790
|
-
"color-mix(in lch, lch(10 20 none), lch(50 60 70))",
|
|
1791
|
-
"color-mix(in lch, lch(10 20 30deg), lch(50 60 none))",
|
|
1792
|
-
"color-mix(in lch, lch(10 20 30), lch(50 60 none))",
|
|
1793
|
-
"color-mix(in lch, lch(none 20 30deg), lch(50 none 70deg))",
|
|
1794
|
-
"color-mix(in lch, lch(none 20 30), lch(50 none 70))",
|
|
1795
|
-
"color-mix(in lch, lch(10 20 30deg / none), lch(50 60 70deg))",
|
|
1796
|
-
"color-mix(in lch, lch(10 20 30 / none), lch(50 60 70))",
|
|
1797
|
-
"color-mix(in lch, lch(10 20 30deg / none), lch(50 60 70deg / 0.5))",
|
|
1798
|
-
"color-mix(in lch, lch(10 20 30 / none), lch(50 60 70 / 0.5))",
|
|
1799
|
-
"color-mix(in lch, lch(10 20 30deg / none), lch(50 60 70deg / none))",
|
|
1800
|
-
"color-mix(in lch, lch(10 20 30 / none), lch(50 60 70 / none))",
|
|
1801
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg), oklch(0.5 0.6 70deg))",
|
|
1802
|
-
"color-mix(in oklch, oklch(0.1 0.2 30), oklch(0.5 0.6 70))",
|
|
1803
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg) 25%, oklch(0.5 0.6 70deg))",
|
|
1804
|
-
"color-mix(in oklch, oklch(0.1 0.2 30) 25%, oklch(0.5 0.6 70))",
|
|
1805
|
-
"color-mix(in oklch, 25% oklch(0.1 0.2 30deg), oklch(0.5 0.6 70deg))",
|
|
1806
|
-
"color-mix(in oklch, oklch(0.1 0.2 30) 25%, oklch(0.5 0.6 70))",
|
|
1807
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg), 25% oklch(0.5 0.6 70deg))",
|
|
1808
|
-
"color-mix(in oklch, oklch(0.1 0.2 30) 75%, oklch(0.5 0.6 70))",
|
|
1809
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg), oklch(0.5 0.6 70deg) 25%)",
|
|
1810
|
-
"color-mix(in oklch, oklch(0.1 0.2 30) 75%, oklch(0.5 0.6 70))",
|
|
1811
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg) 25%, oklch(0.5 0.6 70deg) 75%)",
|
|
1812
|
-
"color-mix(in oklch, oklch(0.1 0.2 30) 25%, oklch(0.5 0.6 70))",
|
|
1813
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg) 30%, oklch(0.5 0.6 70deg) 90%)",
|
|
1814
|
-
"color-mix(in oklch, oklch(0.1 0.2 30) 30%, oklch(0.5 0.6 70) 90%)",
|
|
1815
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg) 12.5%, oklch(0.5 0.6 70deg) 37.5%)",
|
|
1816
|
-
"color-mix(in oklch, oklch(0.1 0.2 30) 12.5%, oklch(0.5 0.6 70) 37.5%)",
|
|
1817
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg) 0%, oklch(0.5 0.6 70deg))",
|
|
1818
|
-
"color-mix(in oklch, oklch(0.1 0.2 30) 0%, oklch(0.5 0.6 70))",
|
|
1819
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg / .4), oklch(0.5 0.6 70deg / .8))",
|
|
1820
|
-
"color-mix(in oklch, oklch(0.1 0.2 30 / 0.4), oklch(0.5 0.6 70 / 0.8))",
|
|
1821
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg / .4) 25%, oklch(0.5 0.6 70deg / .8))",
|
|
1822
|
-
"color-mix(in oklch, oklch(0.1 0.2 30 / 0.4) 25%, oklch(0.5 0.6 70 / 0.8))",
|
|
1823
|
-
"color-mix(in oklch, 25% oklch(0.1 0.2 30deg / .4), oklch(0.5 0.6 70deg / .8))",
|
|
1824
|
-
"color-mix(in oklch, oklch(0.1 0.2 30 / 0.4) 25%, oklch(0.5 0.6 70 / 0.8))",
|
|
1825
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg / .4), 25% oklch(0.5 0.6 70deg / .8))",
|
|
1826
|
-
"color-mix(in oklch, oklch(0.1 0.2 30 / 0.4) 75%, oklch(0.5 0.6 70 / 0.8))",
|
|
1827
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg / .4), oklch(0.5 0.6 70deg / .8) 25%)",
|
|
1828
|
-
"color-mix(in oklch, oklch(0.1 0.2 30 / 0.4) 75%, oklch(0.5 0.6 70 / 0.8))",
|
|
1829
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg / .4) 25%, oklch(0.5 0.6 70deg / .8) 75%)",
|
|
1830
|
-
"color-mix(in oklch, oklch(0.1 0.2 30 / 0.4) 25%, oklch(0.5 0.6 70 / 0.8))",
|
|
1831
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg / .4) 30%, oklch(0.5 0.6 70deg / .8) 90%)",
|
|
1832
|
-
"color-mix(in oklch, oklch(0.1 0.2 30 / 0.4) 30%, oklch(0.5 0.6 70 / 0.8) 90%)",
|
|
1833
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg / .4) 12.5%, oklch(0.5 0.6 70deg / .8) 37.5%)",
|
|
1834
|
-
"color-mix(in oklch, oklch(0.1 0.2 30 / 0.4) 12.5%, oklch(0.5 0.6 70 / 0.8) 37.5%)",
|
|
1835
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg / .4) 0%, oklch(0.5 0.6 70deg / .8))",
|
|
1836
|
-
"color-mix(in oklch, oklch(0.1 0.2 30 / 0.4) 0%, oklch(0.5 0.6 70 / 0.8))",
|
|
1837
|
-
"color-mix(in oklch, oklch(1 0 40deg), oklch(1 0 60deg))",
|
|
1838
|
-
"color-mix(in oklch, oklch(1 0 40), oklch(1 0 60))",
|
|
1839
|
-
"color-mix(in oklch, oklch(1 0 60deg), oklch(1 0 40deg))",
|
|
1840
|
-
"color-mix(in oklch, oklch(1 0 60), oklch(1 0 40))",
|
|
1841
|
-
"color-mix(in oklch, oklch(1 0 50deg), oklch(1 0 330deg))",
|
|
1842
|
-
"color-mix(in oklch, oklch(1 0 50), oklch(1 0 330))",
|
|
1843
|
-
"color-mix(in oklch, oklch(1 0 330deg), oklch(1 0 50deg))",
|
|
1844
|
-
"color-mix(in oklch, oklch(1 0 330), oklch(1 0 50))",
|
|
1845
|
-
"color-mix(in oklch, oklch(1 0 20deg), oklch(1 0 320deg))",
|
|
1846
|
-
"color-mix(in oklch, oklch(1 0 20), oklch(1 0 320))",
|
|
1847
|
-
"color-mix(in oklch, oklch(1 0 320deg), oklch(1 0 20deg))",
|
|
1848
|
-
"color-mix(in oklch, oklch(1 0 320), oklch(1 0 20))",
|
|
1849
|
-
"color-mix(in oklch shorter hue, oklch(1 0 40deg), oklch(1 0 60deg))",
|
|
1850
|
-
"color-mix(in oklch, oklch(1 0 40), oklch(1 0 60))",
|
|
1851
|
-
"color-mix(in oklch shorter hue, oklch(1 0 60deg), oklch(1 0 40deg))",
|
|
1852
|
-
"color-mix(in oklch, oklch(1 0 60), oklch(1 0 40))",
|
|
1853
|
-
"color-mix(in oklch shorter hue, oklch(1 0 50deg), oklch(1 0 330deg))",
|
|
1854
|
-
"color-mix(in oklch, oklch(1 0 50), oklch(1 0 330))",
|
|
1855
|
-
"color-mix(in oklch shorter hue, oklch(1 0 330deg), oklch(1 0 50deg))",
|
|
1856
|
-
"color-mix(in oklch, oklch(1 0 330), oklch(1 0 50))",
|
|
1857
|
-
"color-mix(in oklch shorter hue, oklch(1 0 20deg), oklch(1 0 320deg))",
|
|
1858
|
-
"color-mix(in oklch, oklch(1 0 20), oklch(1 0 320))",
|
|
1859
|
-
"color-mix(in oklch shorter hue, oklch(1 0 320deg), oklch(1 0 20deg))",
|
|
1860
|
-
"color-mix(in oklch, oklch(1 0 320), oklch(1 0 20))",
|
|
1861
|
-
"color-mix(in oklch longer hue, oklch(1 0 40deg), oklch(1 0 60deg))",
|
|
1862
|
-
"color-mix(in oklch longer hue, oklch(1 0 40), oklch(1 0 60))",
|
|
1863
|
-
"color-mix(in oklch longer hue, oklch(1 0 60deg), oklch(1 0 40deg))",
|
|
1864
|
-
"color-mix(in oklch longer hue, oklch(1 0 60), oklch(1 0 40))",
|
|
1865
|
-
"color-mix(in oklch longer hue, oklch(1 0 50deg), oklch(1 0 330deg))",
|
|
1866
|
-
"color-mix(in oklch longer hue, oklch(1 0 50), oklch(1 0 330))",
|
|
1867
|
-
"color-mix(in oklch longer hue, oklch(1 0 330deg), oklch(1 0 50deg))",
|
|
1868
|
-
"color-mix(in oklch longer hue, oklch(1 0 330), oklch(1 0 50))",
|
|
1869
|
-
"color-mix(in oklch longer hue, oklch(1 0 20deg), oklch(1 0 320deg))",
|
|
1870
|
-
"color-mix(in oklch longer hue, oklch(1 0 20), oklch(1 0 320))",
|
|
1871
|
-
"color-mix(in oklch longer hue, oklch(1 0 320deg), oklch(1 0 20deg))",
|
|
1872
|
-
"color-mix(in oklch longer hue, oklch(1 0 320), oklch(1 0 20))",
|
|
1873
|
-
"color-mix(in oklch increasing hue, oklch(1 0 40deg), oklch(1 0 60deg))",
|
|
1874
|
-
"color-mix(in oklch increasing hue, oklch(1 0 40), oklch(1 0 60))",
|
|
1875
|
-
"color-mix(in oklch increasing hue, oklch(1 0 60deg), oklch(1 0 40deg))",
|
|
1876
|
-
"color-mix(in oklch increasing hue, oklch(1 0 60), oklch(1 0 40))",
|
|
1877
|
-
"color-mix(in oklch increasing hue, oklch(1 0 50deg), oklch(1 0 330deg))",
|
|
1878
|
-
"color-mix(in oklch increasing hue, oklch(1 0 50), oklch(1 0 330))",
|
|
1879
|
-
"color-mix(in oklch increasing hue, oklch(1 0 330deg), oklch(1 0 50deg))",
|
|
1880
|
-
"color-mix(in oklch increasing hue, oklch(1 0 330), oklch(1 0 50))",
|
|
1881
|
-
"color-mix(in oklch increasing hue, oklch(1 0 20deg), oklch(1 0 320deg))",
|
|
1882
|
-
"color-mix(in oklch increasing hue, oklch(1 0 20), oklch(1 0 320))",
|
|
1883
|
-
"color-mix(in oklch increasing hue, oklch(1 0 320deg), oklch(1 0 20deg))",
|
|
1884
|
-
"color-mix(in oklch increasing hue, oklch(1 0 320), oklch(1 0 20))",
|
|
1885
|
-
"color-mix(in oklch decreasing hue, oklch(1 0 40deg), oklch(1 0 60deg))",
|
|
1886
|
-
"color-mix(in oklch decreasing hue, oklch(1 0 40), oklch(1 0 60))",
|
|
1887
|
-
"color-mix(in oklch decreasing hue, oklch(1 0 60deg), oklch(1 0 40deg))",
|
|
1888
|
-
"color-mix(in oklch decreasing hue, oklch(1 0 60), oklch(1 0 40))",
|
|
1889
|
-
"color-mix(in oklch decreasing hue, oklch(1 0 50deg), oklch(1 0 330deg))",
|
|
1890
|
-
"color-mix(in oklch decreasing hue, oklch(1 0 50), oklch(1 0 330))",
|
|
1891
|
-
"color-mix(in oklch decreasing hue, oklch(1 0 330deg), oklch(1 0 50deg))",
|
|
1892
|
-
"color-mix(in oklch decreasing hue, oklch(1 0 330), oklch(1 0 50))",
|
|
1893
|
-
"color-mix(in oklch decreasing hue, oklch(1 0 20deg), oklch(1 0 320deg))",
|
|
1894
|
-
"color-mix(in oklch decreasing hue, oklch(1 0 20), oklch(1 0 320))",
|
|
1895
|
-
"color-mix(in oklch decreasing hue, oklch(1 0 320deg), oklch(1 0 20deg))",
|
|
1896
|
-
"color-mix(in oklch decreasing hue, oklch(1 0 320), oklch(1 0 20))",
|
|
1897
|
-
"color-mix(in oklch, oklch(none none none), oklch(none none none))",
|
|
1898
|
-
"color-mix(in oklch, oklch(none none none), oklch(none none none))",
|
|
1899
|
-
"color-mix(in oklch, oklch(none none none), oklch(0.5 0.6 70deg))",
|
|
1900
|
-
"color-mix(in oklch, oklch(none none none), oklch(0.5 0.6 70))",
|
|
1901
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg), oklch(none none none))",
|
|
1902
|
-
"color-mix(in oklch, oklch(0.1 0.2 30), oklch(none none none))",
|
|
1903
|
-
"color-mix(in oklch, oklch(0.1 0.2 none), oklch(0.5 0.6 70deg))",
|
|
1904
|
-
"color-mix(in oklch, oklch(0.1 0.2 none), oklch(0.5 0.6 70))",
|
|
1905
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg), oklch(0.5 0.6 none))",
|
|
1906
|
-
"color-mix(in oklch, oklch(0.1 0.2 30), oklch(0.5 0.6 none))",
|
|
1907
|
-
"color-mix(in oklch, oklch(none 0.2 30deg), oklch(0.5 none 70deg))",
|
|
1908
|
-
"color-mix(in oklch, oklch(none 0.2 30), oklch(0.5 none 70))",
|
|
1909
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg / none), oklch(0.5 0.6 70deg))",
|
|
1910
|
-
"color-mix(in oklch, oklch(0.1 0.2 30 / none), oklch(0.5 0.6 70))",
|
|
1911
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg / none), oklch(0.5 0.6 70deg / 0.5))",
|
|
1912
|
-
"color-mix(in oklch, oklch(0.1 0.2 30 / none), oklch(0.5 0.6 70 / 0.5))",
|
|
1913
|
-
"color-mix(in oklch, oklch(0.1 0.2 30deg / none), oklch(0.5 0.6 70deg / none))",
|
|
1914
|
-
"color-mix(in oklch, oklch(0.1 0.2 30 / none), oklch(0.5 0.6 70 / none))",
|
|
1915
|
-
"color-mix(in lab, lab(10 20 -30), lab(50 60 -70))",
|
|
1916
|
-
"color-mix(in lab, lab(10 20 -30) 25%, lab(50 60 -70))",
|
|
1917
|
-
"color-mix(in lab, 25% lab(10 20 -30), lab(50 60 -70))",
|
|
1918
|
-
"color-mix(in lab, lab(10 20 -30), 25% lab(50 60 -70))",
|
|
1919
|
-
"color-mix(in lab, lab(10 20 -30), lab(50 60 -70) 25%)",
|
|
1920
|
-
"color-mix(in lab, lab(10 20 -30) 25%, lab(50 60 -70) 75%)",
|
|
1921
|
-
"color-mix(in lab, lab(10 20 -30) 30%, lab(50 60 -70) 90%)",
|
|
1922
|
-
"color-mix(in lab, lab(10 20 -30) 12.5%, lab(50 60 -70) 37.5%)",
|
|
1923
|
-
"color-mix(in lab, lab(10 20 -30) 0%, lab(50 60 -70))",
|
|
1924
|
-
"color-mix(in lab, lab(10 20 -30 / .4), lab(50 60 -70 / .8))",
|
|
1925
|
-
"color-mix(in lab, lab(10 20 -30 / .4) 25%, lab(50 60 -70 / .8))",
|
|
1926
|
-
"color-mix(in lab, 25% lab(10 20 -30 / .4), lab(50 60 -70 / .8))",
|
|
1927
|
-
"color-mix(in lab, lab(10 20 -30 / .4), 25% lab(50 60 -70 / .8))",
|
|
1928
|
-
"color-mix(in lab, lab(10 20 -30 / .4), lab(50 60 -70 / .8) 25%)",
|
|
1929
|
-
"color-mix(in lab, lab(10 20 -30 / .4) 25%, lab(50 60 -70 / .8) 75%)",
|
|
1930
|
-
"color-mix(in lab, lab(10 20 -30 / .4) 30%, lab(50 60 -70 / .8) 90%)",
|
|
1931
|
-
"color-mix(in lab, lab(10 20 -30 / .4) 12.5%, lab(50 60 -70 / .8) 37.5%)",
|
|
1932
|
-
"color-mix(in lab, lab(10 20 -30 / .4) 0%, lab(50 60 -70 / .8))",
|
|
1933
|
-
"color-mix(in lab, lab(none none none), lab(none none none))",
|
|
1934
|
-
"color-mix(in lab, lab(none none none), lab(50 60 -70))",
|
|
1935
|
-
"color-mix(in lab, lab(10 20 -30), lab(none none none))",
|
|
1936
|
-
"color-mix(in lab, lab(10 none -30), lab(50 60 -70))",
|
|
1937
|
-
"color-mix(in lab, lab(10 20 -30), lab(50 none -70))",
|
|
1938
|
-
"color-mix(in lab, lab(none 20 -30), lab(50 none -70))",
|
|
1939
|
-
"color-mix(in lab, lab(10 20 -30 / none), lab(50 60 -70))",
|
|
1940
|
-
"color-mix(in lab, lab(10 20 -30 / none), lab(50 60 -70 / 0.5))",
|
|
1941
|
-
"color-mix(in lab, lab(10 20 -30 / none), lab(50 60 -70 / none))",
|
|
1942
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3), oklab(0.5 0.6 -0.7))",
|
|
1943
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3) 25%, oklab(0.5 0.6 -0.7))",
|
|
1944
|
-
"color-mix(in oklab, 25% oklab(0.1 0.2 -0.3), oklab(0.5 0.6 -0.7))",
|
|
1945
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3), 25% oklab(0.5 0.6 -0.7))",
|
|
1946
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3), oklab(0.5 0.6 -0.7) 25%)",
|
|
1947
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3) 25%, oklab(0.5 0.6 -0.7) 75%)",
|
|
1948
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3) 30%, oklab(0.5 0.6 -0.7) 90%)",
|
|
1949
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3) 12.5%, oklab(0.5 0.6 -0.7) 37.5%)",
|
|
1950
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3) 0%, oklab(0.5 0.6 -0.7))",
|
|
1951
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3 / .4), oklab(0.5 0.6 -0.7 / .8))",
|
|
1952
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3 / .4) 25%, oklab(0.5 0.6 -0.7 / .8))",
|
|
1953
|
-
"color-mix(in oklab, 25% oklab(0.1 0.2 -0.3 / .4), oklab(0.5 0.6 -0.7 / .8))",
|
|
1954
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3 / .4), 25% oklab(0.5 0.6 -0.7 / .8))",
|
|
1955
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3 / .4), oklab(0.5 0.6 -0.7 / .8) 25%)",
|
|
1956
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3 / .4) 25%, oklab(0.5 0.6 -0.7 / .8) 75%)",
|
|
1957
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3 / .4) 30%, oklab(0.5 0.6 -0.7 / .8) 90%)",
|
|
1958
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3 / .4) 12.5%, oklab(0.5 0.6 -0.7 / .8) 37.5%)",
|
|
1959
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3 / .4) 0%, oklab(0.5 0.6 -0.7 / .8))",
|
|
1960
|
-
"color-mix(in oklab, oklab(none none none), oklab(none none none))",
|
|
1961
|
-
"color-mix(in oklab, oklab(none none none), oklab(0.5 0.6 -0.7))",
|
|
1962
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3), oklab(none none none))",
|
|
1963
|
-
"color-mix(in oklab, oklab(0.1 none -0.3), oklab(0.5 0.6 -0.7))",
|
|
1964
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3), oklab(0.5 none -0.7))",
|
|
1965
|
-
"color-mix(in oklab, oklab(none 0.2 -0.3), oklab(0.5 none -0.7))",
|
|
1966
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3 / none), oklab(0.5 0.6 -0.7))",
|
|
1967
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3 / none), oklab(0.5 0.6 -0.7 / 0.5))",
|
|
1968
|
-
"color-mix(in oklab, oklab(0.1 0.2 -0.3 / none), oklab(0.5 0.6 -0.7 / none))",
|
|
1969
|
-
];
|
|
1970
|
-
cases.forEach((c) => expect(Color.isValid(c, "color-mix")).toBe(true));
|
|
1971
|
-
for (const colorSpace of [
|
|
1972
|
-
"srgb",
|
|
1973
|
-
"srgb-linear",
|
|
1974
|
-
"display-p3",
|
|
1975
|
-
"a98-rgb",
|
|
1976
|
-
"prophoto-rgb",
|
|
1977
|
-
"rec2020",
|
|
1978
|
-
"xyz",
|
|
1979
|
-
"xyz-d50",
|
|
1980
|
-
"xyz-d65",
|
|
1981
|
-
]) {
|
|
1982
|
-
const cases = [
|
|
1983
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 .3), color(${colorSpace} .5 .6 .7))`,
|
|
1984
|
-
`color-mix(in ${colorSpace}, 50% color(${colorSpace} .1 .2 .3), color(${colorSpace} .5 .6 .7))`,
|
|
1985
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 .3), 50% color(${colorSpace} .5 .6 .7))`,
|
|
1986
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 .3) 25%, color(${colorSpace} .5 .6 .7))`,
|
|
1987
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 .3), color(${colorSpace} .5 .6 .7) 25%)`,
|
|
1988
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 .3) 25%, color(${colorSpace} .5 .6 .7) 75%)`,
|
|
1989
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 .3) 30%, color(${colorSpace} .5 .6 .7) 90%)`,
|
|
1990
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 .3) 12.5%, color(${colorSpace} .5 .6 .7) 37.5%)`,
|
|
1991
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 .3) 0%, color(${colorSpace} .5 .6 .7))`,
|
|
1992
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 .3 / .5), color(${colorSpace} .5 .6 .7 / .8))`,
|
|
1993
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 .3 / .4) 25%, color(${colorSpace} .5 .6 .7 / .8))`,
|
|
1994
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 .3 / .4), color(${colorSpace} .5 .6 .7 / .8) 25%)`,
|
|
1995
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 .3 / .4) 25%, color(${colorSpace} .5 .6 .7 / .8) 75%)`,
|
|
1996
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 .3 / .4) 30%, color(${colorSpace} .5 .6 .7 / .8) 90%)`,
|
|
1997
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 .3 / .4) 12.5%, color(${colorSpace} .5 .6 .7 / .8) 37.5%)`,
|
|
1998
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 .3 / .4) 0%, color(${colorSpace} .5 .6 .7 / .8))`,
|
|
1999
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} 2 3 4 / 5), color(${colorSpace} 4 6 8 / 10))`,
|
|
2000
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} -2 -3 -4), color(${colorSpace} -4 -6 -8))`,
|
|
2001
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} -2 -3 -4 / -5), color(${colorSpace} -4 -6 -8 / -10))`,
|
|
2002
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} none none none), color(${colorSpace} none none none))`,
|
|
2003
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} none none none), color(${colorSpace} .5 .6 .7))`,
|
|
2004
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 .3), color(${colorSpace} none none none))`,
|
|
2005
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 none), color(${colorSpace} .5 .6 .7))`,
|
|
2006
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 .3), color(${colorSpace} .5 .6 none))`,
|
|
2007
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} none .2 .3), color(${colorSpace} .5 none .7))`,
|
|
2008
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 .3 / none), color(${colorSpace} .5 .6 .7))`,
|
|
2009
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 .3 / none), color(${colorSpace} .5 .6 .7 / 0.5))`,
|
|
2010
|
-
`color-mix(in ${colorSpace}, color(${colorSpace} .1 .2 .3 / none), color(${colorSpace} .5 .6 .7 / none))`,
|
|
2011
|
-
];
|
|
2012
|
-
cases.forEach((c) => expect(Color.isValid(c, "color-mix")).toBe(true));
|
|
2013
|
-
}
|
|
2014
|
-
});
|
|
2015
|
-
it("should test invalid <color-mix()>", () => {
|
|
2016
|
-
const cases = [
|
|
2017
|
-
"color-mix(in hsl, hsl(120deg 10% 20%) -10%, hsl(30deg 30% 40%))",
|
|
2018
|
-
"color-mix(in hsl, hsl(120deg 10% 20%) 150%, hsl(30deg 30% 40%))",
|
|
2019
|
-
"color-mix(in hsl, hsl(120deg 10% 20%) 0%, hsl(30deg 30% 40%) 0%)",
|
|
2020
|
-
"color-mix(in hsl, hsl(120deg 10% 20% 40%) -10%, hsl(30deg 30% 40% 80%))",
|
|
2021
|
-
"color-mix(in hsl, hsl(120deg 10% 20% 40%) 150%, hsl(30deg 30% 40% 80%))",
|
|
2022
|
-
"color-mix(in hsl, hsl(120deg 10% 20% 40%) 0%, hsl(30deg 30% 40% 80%) 0%)",
|
|
2023
|
-
"color-mix(in hsl hue, hsl(120deg 10% 20%), hsl(30deg 30% 40%))",
|
|
2024
|
-
"color-mix(in hsl shorter, hsl(120deg 10% 20%), hsl(30deg 30% 40%))",
|
|
2025
|
-
"color-mix(in hsl foo, hsl(120deg 10% 20%), hsl(30deg 30% 40%))",
|
|
2026
|
-
"color-mix(in hsl hsl(120deg 10% 20%), hsl(30deg 30% 40%))",
|
|
2027
|
-
"color-mix(in hsl, hsl(120deg 10% 20%) hsl(30deg 30% 40%))",
|
|
2028
|
-
"color-mix(hsl(120deg 10% 20%), hsl(30deg 30% 40%), in hsl)",
|
|
2029
|
-
"color-mix(hsl(120deg 10% 20%), hsl(30deg 30% 40%))",
|
|
2030
|
-
"color-mix(in hwb, hwb(120deg 10% 20%) -10%, hwb(30deg 30% 40%))",
|
|
2031
|
-
"color-mix(in hwb, hwb(120deg 10% 20%) 150%, hwb(30deg 30% 40%))",
|
|
2032
|
-
"color-mix(in hwb, hwb(120deg 10% 20%) 0%, hwb(30deg 30% 40%) 0%)",
|
|
2033
|
-
"color-mix(in hwb, hwb(120deg 10% 20% 40%) -10%, hwb(30deg 30% 40% 80%))",
|
|
2034
|
-
"color-mix(in hwb, hwb(120deg 10% 20% 40%) 150%, hwb(30deg 30% 40% 80%))",
|
|
2035
|
-
"color-mix(in hwb, hwb(120deg 10% 20% 40%) 0%, hwb(30deg 30% 40% 80%) 0%)",
|
|
2036
|
-
"color-mix(in hwb hue, hwb(120deg 10% 20%), hwb(30deg 30% 40%))",
|
|
2037
|
-
"color-mix(in hwb shorter, hwb(120deg 10% 20%), hwb(30deg 30% 40%))",
|
|
2038
|
-
"color-mix(in hwb foo, hwb(120deg 10% 20%), hwb(30deg 30% 40%))",
|
|
2039
|
-
"color-mix(in hwb hwb(120deg 10% 20%), hwb(30deg 30% 40%))",
|
|
2040
|
-
"color-mix(in hwb, hwb(120deg 10% 20%) hwb(30deg 30% 40%))",
|
|
2041
|
-
"color-mix(hwb(120deg 10% 20%), hwb(30deg 30% 40%), in hwb)",
|
|
2042
|
-
"color-mix(hwb(120deg 10% 20%), hwb(30deg 30% 40%))",
|
|
2043
|
-
"color-mix(in srgb, red, blue blue)",
|
|
2044
|
-
];
|
|
2045
|
-
cases.forEach((c) => expect(Color.isValid(c, "color-mix")).toBe(false));
|
|
2046
|
-
for (const colorSpace of ["lch", "oklch"]) {
|
|
2047
|
-
const cases = [
|
|
2048
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30deg) -10%, ${colorSpace}(50% 60 70deg))`,
|
|
2049
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30deg) 150%, ${colorSpace}(50% 60 70deg))`,
|
|
2050
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30deg) 0%, ${colorSpace}(50% 60 70deg) 0%)`,
|
|
2051
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30deg / .4) -10%, ${colorSpace}(50% 60 70deg / .8))`,
|
|
2052
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30deg / .4) 150%, ${colorSpace}(50% 60 70deg / .8))`,
|
|
2053
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30deg / .4) 0%, ${colorSpace}(50% 60 70deg / .8) 0%)`,
|
|
2054
|
-
`color-mix(in ${colorSpace} hue, ${colorSpace}(10% 20 30deg), ${colorSpace}(50% 60 70deg))`,
|
|
2055
|
-
`color-mix(in ${colorSpace} shorter, ${colorSpace}(10% 20 30deg), ${colorSpace}(50% 60 70deg))`,
|
|
2056
|
-
`color-mix(in ${colorSpace} foo, ${colorSpace}(10% 20 30deg), ${colorSpace}(50% 60 70deg))`,
|
|
2057
|
-
`color-mix(in ${colorSpace} ${colorSpace}(10% 20 30deg), ${colorSpace}(50% 60 70deg))`,
|
|
2058
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30deg) ${colorSpace}(50% 60 70deg))`,
|
|
2059
|
-
`color-mix(${colorSpace}(10% 20 30deg), ${colorSpace}(50% 60 70deg), in ${colorSpace})`,
|
|
2060
|
-
`color-mix(${colorSpace}(10% 20 30deg), ${colorSpace}(50% 60 70deg))`,
|
|
2061
|
-
];
|
|
2062
|
-
cases.forEach((c) => expect(Color.isValid(c, "color-mix")).toBe(false));
|
|
2063
|
-
}
|
|
2064
|
-
for (const colorSpace of ["lab", "oklab"]) {
|
|
2065
|
-
const cases = [
|
|
2066
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30) -10%, ${colorSpace}(50% 60 70))`,
|
|
2067
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30) 150%, ${colorSpace}(50% 60 70))`,
|
|
2068
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30) 0%, ${colorSpace}(50% 60 70) 0%)`,
|
|
2069
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30 / .4) -10%, ${colorSpace}(50% 60 70 / .8))`,
|
|
2070
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30 / .4) 150%, ${colorSpace}(50% 60 70 / .8))`,
|
|
2071
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30 / .4) 0%, ${colorSpace}(50% 60 70 / .8) 0%)`,
|
|
2072
|
-
`color-mix(in ${colorSpace} longer hue, ${colorSpace}(10% 20 30), ${colorSpace}(50% 60 70))`,
|
|
2073
|
-
`color-mix(in ${colorSpace} ${colorSpace}(10% 20 30), ${colorSpace}(50% 60 70))`,
|
|
2074
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30) ${colorSpace}(50% 60 70))`,
|
|
2075
|
-
`color-mix(${colorSpace}(10% 20 30), ${colorSpace}(50% 60 70), in ${colorSpace})`,
|
|
2076
|
-
`color-mix(${colorSpace}(10% 20 30), ${colorSpace}(50% 60 70))`,
|
|
2077
|
-
];
|
|
2078
|
-
cases.forEach((c) => expect(Color.isValid(c, "color-mix")).toBe(false));
|
|
2079
|
-
}
|
|
2080
|
-
for (const colorSpace of [
|
|
2081
|
-
"srgb",
|
|
2082
|
-
"srgb-linear",
|
|
2083
|
-
"display-p3",
|
|
2084
|
-
"a98-rgb",
|
|
2085
|
-
"prophoto-rgb",
|
|
2086
|
-
"rec2020",
|
|
2087
|
-
"xyz",
|
|
2088
|
-
"xyz-d50",
|
|
2089
|
-
"xyz-d65",
|
|
2090
|
-
]) {
|
|
2091
|
-
const cases = [
|
|
2092
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30) -10%, ${colorSpace}(50% 60 70))`,
|
|
2093
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30) 150%, ${colorSpace}(50% 60 70))`,
|
|
2094
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30) 0%, ${colorSpace}(50% 60 70) 0%)`,
|
|
2095
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30 / .4) -10%, ${colorSpace}(50% 60 70 / .8))`,
|
|
2096
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30 / .4) 150%, ${colorSpace}(50% 60 70 / .8))`,
|
|
2097
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30 / .4) 0%, ${colorSpace}(50% 60 70 / .8) 0%)`,
|
|
2098
|
-
`color-mix(in ${colorSpace} longer hue, ${colorSpace}(10% 20 30), ${colorSpace}(50% 60 70))`,
|
|
2099
|
-
`color-mix(in ${colorSpace} ${colorSpace}(10% 20 30), ${colorSpace}(50% 60 70))`,
|
|
2100
|
-
`color-mix(in ${colorSpace}, ${colorSpace}(10% 20 30) ${colorSpace}(50% 60 70))`,
|
|
2101
|
-
`color-mix(${colorSpace}(10% 20 30), ${colorSpace}(50% 60 70), in ${colorSpace})`,
|
|
2102
|
-
`color-mix(${colorSpace}(10% 20 30), ${colorSpace}(50% 60 70))`,
|
|
2103
|
-
];
|
|
2104
|
-
cases.forEach((c) => expect(Color.isValid(c, "color-mix")).toBe(false));
|
|
2105
|
-
}
|
|
2106
|
-
});
|
|
2107
|
-
});
|