1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
|
## simple HSL color values
## red
#data
* { color: hsl(0, 100%, 50%) }
#errors
#expected
| 1 *
| 0x02000018 0xffff0000
#reset
## yellow
#data
* { color: hsl(60, 100%, 50%) }
#errors
#expected
| 1 *
| 0x02000018 0xffffff00
#reset
## green
#data
* { color: hsl(120, 100%, 50%) }
#errors
#expected
| 1 *
| 0x02000018 0xff00ff00
#reset
## cyan
#data
* { color: hsl(180, 100%, 50%) }
#errors
#expected
| 1 *
| 0x02000018 0xff00ffff
#reset
## blue
#data
* { color: hsl(240, 100%, 50%) }
#errors
#expected
| 1 *
| 0x02000018 0xff0000ff
#reset
## Magenta
#data
* { color: hsl(300, 100%, 50%) }
#errors
#expected
| 1 *
| 0x02000018 0xffff00ff
#reset
## Selection of different HSL values
#data
* { color: hsl(0, 0%, 0%) }
#errors
#expected
| 1 *
| 0x02000018 0xff000000
#reset
#data
* { color: hsl(0, 0%, 100%) }
#errors
#expected
| 1 *
| 0x02000018 0xffffffff
#reset
#data
* { color: hsl(0, 0%, 40%) }
#errors
#expected
| 1 *
| 0x02000018 0xff666666
#reset
#data
* { color: hsl(12, 44%, 66%) }
#errors
#expected
| 1 *
| 0x02000018 0xffCE9182
#reset
#data
* { color: hsl(69, 22%, 11%) }
#errors
#expected
| 1 *
| 0x02000018 0xff202215
#reset
#data
* { color: hsl(111, 22%, 33%) }
#errors
#expected
| 1 *
| 0x02000018 0xff476641
#reset
#data
* { color: hsl(188, 50%, 75%) }
#errors
#expected
| 1 *
| 0x02000018 0xff9FD6DF
#reset
#data
* { color: hsl(222, 22%, 22%) }
#errors
#expected
| 1 *
| 0x02000018 0xff2b3344
#reset
#data
* { color: hsl(300, 30%, 30%) }
#errors
#expected
| 1 *
| 0x02000018 0xff633563
#reset
|
