OLD | NEW |
1 Tests WebInspector.Color | 1 Tests WebInspector.Color |
2 | 2 |
3 Dumping 'red' in different formats: | 3 Dumping 'red' in different formats: |
4 - rgb(255, 0, 0) | 4 - rgb(255, 0, 0) |
5 - rgba(255, 0, 0, 1) | 5 - rgba(255, 0, 0, 1) |
6 - hsl(0, 100%, 50%) | 6 - hsl(0, 100%, 50%) |
7 - hsla(0, 100%, 50%, 1) | 7 - hsla(0, 100%, 50%, 1) |
8 - hsv(0, 100%, 100%) | 8 - hsv(0, 100%, 100%) |
9 - hsva(0, 100%, 100%, 1) | 9 - hsva(0, 100%, 100%, 1) |
10 - #ff0000ff | |
11 - #ff0000 | 10 - #ff0000 |
12 - #f00f | |
13 - #f00 | 11 - #f00 |
14 - red | 12 - red |
15 - default: red | 13 - default: red |
16 - inverse color: rgba(0, 255, 255, 1) | 14 - inverse color: rgba(0, 255, 255, 1) |
17 - setAlpha(0.42): rgba(255, 0, 0, 0.42) | 15 - setAlpha(0.42): rgba(255, 0, 0, 0.42) |
18 Dumping 'green' in different formats: | 16 Dumping 'green' in different formats: |
19 - rgb(0, 128, 0) | 17 - rgb(0, 128, 0) |
20 - rgba(0, 128, 0, 1) | 18 - rgba(0, 128, 0, 1) |
21 - hsl(120, 100%, 25%) | 19 - hsl(120, 100%, 25%) |
22 - hsla(120, 100%, 25%, 1) | 20 - hsla(120, 100%, 25%, 1) |
23 - hsv(120, 100%, 50%) | 21 - hsv(120, 100%, 50%) |
24 - hsva(120, 100%, 50%, 1) | 22 - hsva(120, 100%, 50%, 1) |
25 - #008000ff | |
26 - #008000 | 23 - #008000 |
27 - null | 24 - null |
28 - null | |
29 - green | 25 - green |
30 - default: green | 26 - default: green |
31 - inverse color: rgba(255, 127, 255, 1) | 27 - inverse color: rgba(255, 127, 255, 1) |
32 - setAlpha(0.42): rgba(0, 128, 0, 0.42) | 28 - setAlpha(0.42): rgba(0, 128, 0, 0.42) |
33 Dumping 'blue' in different formats: | 29 Dumping 'blue' in different formats: |
34 - rgb(0, 0, 255) | 30 - rgb(0, 0, 255) |
35 - rgba(0, 0, 255, 1) | 31 - rgba(0, 0, 255, 1) |
36 - hsl(240, 100%, 50%) | 32 - hsl(240, 100%, 50%) |
37 - hsla(240, 100%, 50%, 1) | 33 - hsla(240, 100%, 50%, 1) |
38 - hsv(240, 100%, 100%) | 34 - hsv(240, 100%, 100%) |
39 - hsva(240, 100%, 100%, 1) | 35 - hsva(240, 100%, 100%, 1) |
40 - #0000ffff | |
41 - #0000ff | 36 - #0000ff |
42 - #00ff | |
43 - #00f | 37 - #00f |
44 - blue | 38 - blue |
45 - default: blue | 39 - default: blue |
46 - inverse color: rgba(255, 255, 0, 1) | 40 - inverse color: rgba(255, 255, 0, 1) |
47 - setAlpha(0.42): rgba(0, 0, 255, 0.42) | 41 - setAlpha(0.42): rgba(0, 0, 255, 0.42) |
48 Dumping 'cyan' in different formats: | 42 Dumping 'cyan' in different formats: |
49 - rgb(0, 255, 255) | 43 - rgb(0, 255, 255) |
50 - rgba(0, 255, 255, 1) | 44 - rgba(0, 255, 255, 1) |
51 - hsl(180, 100%, 50%) | 45 - hsl(180, 100%, 50%) |
52 - hsla(180, 100%, 50%, 1) | 46 - hsla(180, 100%, 50%, 1) |
53 - hsv(180, 100%, 100%) | 47 - hsv(180, 100%, 100%) |
54 - hsva(180, 100%, 100%, 1) | 48 - hsva(180, 100%, 100%, 1) |
55 - #00ffffff | |
56 - #00ffff | 49 - #00ffff |
57 - #0fff | |
58 - #0ff | 50 - #0ff |
59 - cyan | 51 - cyan |
60 - default: cyan | 52 - default: cyan |
61 - inverse color: rgba(255, 0, 0, 1) | 53 - inverse color: rgba(255, 0, 0, 1) |
62 - setAlpha(0.42): rgba(0, 255, 255, 0.42) | 54 - setAlpha(0.42): rgba(0, 255, 255, 0.42) |
63 Dumping 'magenta' in different formats: | 55 Dumping 'magenta' in different formats: |
64 - rgb(255, 0, 255) | 56 - rgb(255, 0, 255) |
65 - rgba(255, 0, 255, 1) | 57 - rgba(255, 0, 255, 1) |
66 - hsl(300, 100%, 50%) | 58 - hsl(300, 100%, 50%) |
67 - hsla(300, 100%, 50%, 1) | 59 - hsla(300, 100%, 50%, 1) |
68 - hsv(300, 100%, 100%) | 60 - hsv(300, 100%, 100%) |
69 - hsva(300, 100%, 100%, 1) | 61 - hsva(300, 100%, 100%, 1) |
70 - #ff00ffff | |
71 - #ff00ff | 62 - #ff00ff |
72 - #f0ff | |
73 - #f0f | 63 - #f0f |
74 - magenta | 64 - magenta |
75 - default: magenta | 65 - default: magenta |
76 - inverse color: rgba(0, 255, 0, 1) | 66 - inverse color: rgba(0, 255, 0, 1) |
77 - setAlpha(0.42): rgba(255, 0, 255, 0.42) | 67 - setAlpha(0.42): rgba(255, 0, 255, 0.42) |
78 Dumping 'yellow' in different formats: | 68 Dumping 'yellow' in different formats: |
79 - rgb(255, 255, 0) | 69 - rgb(255, 255, 0) |
80 - rgba(255, 255, 0, 1) | 70 - rgba(255, 255, 0, 1) |
81 - hsl(60, 100%, 50%) | 71 - hsl(60, 100%, 50%) |
82 - hsla(60, 100%, 50%, 1) | 72 - hsla(60, 100%, 50%, 1) |
83 - hsv(60, 100%, 100%) | 73 - hsv(60, 100%, 100%) |
84 - hsva(60, 100%, 100%, 1) | 74 - hsva(60, 100%, 100%, 1) |
85 - #ffff00ff | |
86 - #ffff00 | 75 - #ffff00 |
87 - #ff0f | |
88 - #ff0 | 76 - #ff0 |
89 - yellow | 77 - yellow |
90 - default: yellow | 78 - default: yellow |
91 - inverse color: rgba(0, 0, 255, 1) | 79 - inverse color: rgba(0, 0, 255, 1) |
92 - setAlpha(0.42): rgba(255, 255, 0, 0.42) | 80 - setAlpha(0.42): rgba(255, 255, 0, 0.42) |
93 Dumping 'white' in different formats: | 81 Dumping 'white' in different formats: |
94 - rgb(255, 255, 255) | 82 - rgb(255, 255, 255) |
95 - rgba(255, 255, 255, 1) | 83 - rgba(255, 255, 255, 1) |
96 - hsl(0, 0%, 100%) | 84 - hsl(0, 0%, 100%) |
97 - hsla(0, 0%, 100%, 1) | 85 - hsla(0, 0%, 100%, 1) |
98 - hsv(0, 0%, 100%) | 86 - hsv(0, 0%, 100%) |
99 - hsva(0, 0%, 100%, 1) | 87 - hsva(0, 0%, 100%, 1) |
100 - #ffffffff | |
101 - #ffffff | 88 - #ffffff |
102 - #ffff | |
103 - #fff | 89 - #fff |
104 - white | 90 - white |
105 - default: white | 91 - default: white |
106 - inverse color: rgba(0, 0, 0, 1) | 92 - inverse color: rgba(0, 0, 0, 1) |
107 - setAlpha(0.42): rgba(255, 255, 255, 0.42) | 93 - setAlpha(0.42): rgba(255, 255, 255, 0.42) |
108 Dumping 'black' in different formats: | 94 Dumping 'black' in different formats: |
109 - rgb(0, 0, 0) | 95 - rgb(0, 0, 0) |
110 - rgba(0, 0, 0, 1) | 96 - rgba(0, 0, 0, 1) |
111 - hsl(0, 0%, 0%) | 97 - hsl(0, 0%, 0%) |
112 - hsla(0, 0%, 0%, 1) | 98 - hsla(0, 0%, 0%, 1) |
113 - hsv(0, 0%, 0%) | 99 - hsv(0, 0%, 0%) |
114 - hsva(0, 0%, 0%, 1) | 100 - hsva(0, 0%, 0%, 1) |
115 - #000000ff | |
116 - #000000 | 101 - #000000 |
117 - #000f | |
118 - #000 | 102 - #000 |
119 - black | 103 - black |
120 - default: black | 104 - default: black |
121 - inverse color: rgba(255, 255, 255, 1) | 105 - inverse color: rgba(255, 255, 255, 1) |
122 - setAlpha(0.42): rgba(0, 0, 0, 0.42) | 106 - setAlpha(0.42): rgba(0, 0, 0, 0.42) |
123 Dumping 'rgb(94, 126, 91)' in different formats: | 107 Dumping 'rgb(94, 126, 91)' in different formats: |
124 - rgb(94, 126, 91) | 108 - rgb(94, 126, 91) |
125 - rgba(94, 126, 91, 1) | 109 - rgba(94, 126, 91, 1) |
126 - hsl(115, 16%, 43%) | 110 - hsl(115, 16%, 43%) |
127 - hsla(115, 16%, 43%, 1) | 111 - hsla(115, 16%, 43%, 1) |
128 - hsv(115, 28%, 49%) | 112 - hsv(115, 28%, 49%) |
129 - hsva(115, 28%, 49%, 1) | 113 - hsva(115, 28%, 49%, 1) |
130 - #5e7e5bff | |
131 - #5e7e5b | 114 - #5e7e5b |
132 - null | 115 - null |
133 - null | 116 - null |
134 - null | |
135 - default: rgb(94, 126, 91) | 117 - default: rgb(94, 126, 91) |
136 - inverse color: rgba(161, 129, 164, 1) | 118 - inverse color: rgba(161, 129, 164, 1) |
137 - setAlpha(0.42): rgba(94, 126, 91, 0.42) | 119 - setAlpha(0.42): rgba(94, 126, 91, 0.42) |
138 Dumping 'rgba(94, 126, 91, 0.5)' in different formats: | 120 Dumping 'rgba(94, 126, 91, 0.5)' in different formats: |
139 - null | 121 - null |
140 - rgba(94, 126, 91, 0.5) | 122 - rgba(94, 126, 91, 0.5) |
141 - null | 123 - null |
142 - hsla(115, 16%, 43%, 0.5) | 124 - hsla(115, 16%, 43%, 0.5) |
143 - hsv(115, 28%, 49%) | 125 - hsv(115, 28%, 49%) |
144 - hsva(115, 28%, 49%, 0.5) | 126 - hsva(115, 28%, 49%, 0.5) |
145 - #5e7e5b80 | |
146 - null | 127 - null |
147 - null | 128 - null |
148 - null | 129 - null |
149 - null | |
150 - default: rgba(94, 126, 91, 0.5) | 130 - default: rgba(94, 126, 91, 0.5) |
151 - inverse color: rgba(161, 129, 164, 0.5) | 131 - inverse color: rgba(161, 129, 164, 0.5) |
152 - setAlpha(0.42): rgba(94, 126, 91, 0.42) | 132 - setAlpha(0.42): rgba(94, 126, 91, 0.42) |
153 Dumping 'hsl(212, 55%, 32%)' in different formats: | 133 Dumping 'hsl(212, 55%, 32%)' in different formats: |
154 - rgb(37, 79, 126) | 134 - rgb(37, 79, 126) |
155 - rgba(37, 79, 126, 1) | 135 - rgba(37, 79, 126, 1) |
156 - hsl(212, 55%, 32%) | 136 - hsl(212, 55%, 32%) |
157 - hsla(212, 55%, 32%, 1) | 137 - hsla(212, 55%, 32%, 1) |
158 - hsv(212, 71%, 50%) | 138 - hsv(212, 71%, 50%) |
159 - hsva(212, 71%, 50%, 1) | 139 - hsva(212, 71%, 50%, 1) |
160 - #254f7eff | |
161 - #254f7e | 140 - #254f7e |
162 - null | 141 - null |
163 - null | 142 - null |
164 - null | |
165 - default: hsl(212, 55%, 32%) | 143 - default: hsl(212, 55%, 32%) |
166 - inverse color: rgba(218, 176, 129, 1) | 144 - inverse color: rgba(218, 176, 129, 1) |
167 - setAlpha(0.42): rgba(37, 79, 126, 0.42) | 145 - setAlpha(0.42): rgba(37, 79, 126, 0.42) |
168 Dumping 'hsla(212, 55%, 32%, 0.5)' in different formats: | 146 Dumping 'hsla(212, 55%, 32%, 0.5)' in different formats: |
169 - null | 147 - null |
170 - rgba(37, 79, 126, 0.5) | 148 - rgba(37, 79, 126, 0.5) |
171 - null | 149 - null |
172 - hsla(212, 55%, 32%, 0.5) | 150 - hsla(212, 55%, 32%, 0.5) |
173 - hsv(212, 71%, 50%) | 151 - hsv(212, 71%, 50%) |
174 - hsva(212, 71%, 50%, 0.5) | 152 - hsva(212, 71%, 50%, 0.5) |
175 - #254f7e80 | |
176 - null | |
177 - null | 153 - null |
178 - null | 154 - null |
179 - null | 155 - null |
180 - default: hsla(212, 55%, 32%, 0.5) | 156 - default: hsla(212, 55%, 32%, 0.5) |
181 - inverse color: rgba(218, 176, 129, 0.5) | 157 - inverse color: rgba(218, 176, 129, 0.5) |
182 - setAlpha(0.42): rgba(37, 79, 126, 0.42) | 158 - setAlpha(0.42): rgba(37, 79, 126, 0.42) |
183 Dumping '#12345678' in different formats: | |
184 - null | |
185 - rgba(18, 52, 86, 0.47058823529411764) | |
186 - null | |
187 - hsla(210, 65%, 20%, 0.47058823529411764) | |
188 - hsv(210, 79%, 34%) | |
189 - hsva(210, 79%, 34%, 0.47058823529411764) | |
190 - #12345678 | |
191 - null | |
192 - null | |
193 - null | |
194 - null | |
195 - default: #12345678 | |
196 - inverse color: rgba(237, 203, 169, 0.47058823529411764) | |
197 - setAlpha(0.42): rgba(18, 52, 86, 0.42) | |
198 Dumping '#00FFFF' in different formats: | 159 Dumping '#00FFFF' in different formats: |
199 - rgb(0, 255, 255) | 160 - rgb(0, 255, 255) |
200 - rgba(0, 255, 255, 1) | 161 - rgba(0, 255, 255, 1) |
201 - hsl(180, 100%, 50%) | 162 - hsl(180, 100%, 50%) |
202 - hsla(180, 100%, 50%, 1) | 163 - hsla(180, 100%, 50%, 1) |
203 - hsv(180, 100%, 100%) | 164 - hsv(180, 100%, 100%) |
204 - hsva(180, 100%, 100%, 1) | 165 - hsva(180, 100%, 100%, 1) |
205 - #00ffffff | |
206 - #00FFFF | 166 - #00FFFF |
207 - #0fff | |
208 - #0ff | 167 - #0ff |
209 - cyan | 168 - cyan |
210 - default: #00ffff | 169 - default: #00ffff |
211 - inverse color: rgba(255, 0, 0, 1) | 170 - inverse color: rgba(255, 0, 0, 1) |
212 - setAlpha(0.42): rgba(0, 255, 255, 0.42) | 171 - setAlpha(0.42): rgba(0, 255, 255, 0.42) |
213 Dumping '#1234' in different formats: | |
214 - null | |
215 - rgba(17, 34, 51, 0.26666666666666666) | |
216 - null | |
217 - hsla(210, 50%, 13%, 0.26666666666666666) | |
218 - hsv(210, 67%, 20%) | |
219 - hsva(210, 67%, 20%, 0.26666666666666666) | |
220 - #11223344 | |
221 - null | |
222 - #1234 | |
223 - null | |
224 - null | |
225 - default: #1234 | |
226 - inverse color: rgba(238, 221, 204, 0.26666666666666666) | |
227 - setAlpha(0.42): rgba(17, 34, 51, 0.42) | |
228 Dumping '#0FF' in different formats: | 172 Dumping '#0FF' in different formats: |
229 - rgb(0, 255, 255) | 173 - rgb(0, 255, 255) |
230 - rgba(0, 255, 255, 1) | 174 - rgba(0, 255, 255, 1) |
231 - hsl(180, 100%, 50%) | 175 - hsl(180, 100%, 50%) |
232 - hsla(180, 100%, 50%, 1) | 176 - hsla(180, 100%, 50%, 1) |
233 - hsv(180, 100%, 100%) | 177 - hsv(180, 100%, 100%) |
234 - hsva(180, 100%, 100%, 1) | 178 - hsva(180, 100%, 100%, 1) |
235 - #00ffffff | |
236 - #00ffff | 179 - #00ffff |
237 - #0fff | |
238 - #0FF | 180 - #0FF |
239 - cyan | 181 - cyan |
240 - default: #0ff | 182 - default: #0ff |
241 - inverse color: rgba(255, 0, 0, 1) | 183 - inverse color: rgba(255, 0, 0, 1) |
242 - setAlpha(0.42): rgba(0, 255, 255, 0.42) | 184 - setAlpha(0.42): rgba(0, 255, 255, 0.42) |
243 | 185 |
OLD | NEW |