forked from klren0312/color-picker
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1900 lines (1892 loc) · 119 KB
/
index.html
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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>颜色选择器</title>
<link rel='stylesheet' href='css/spectrum.css' />
<link rel="stylesheet" href="css/colorpicker.css">
<link rel="stylesheet" href="css/iColor-min.css">
<style>
.container {
width: 1200px;
margin: 0 auto;
height: 100%;
position: relative;
}
.picker1 {
overflow: hidden;
text-align: center;
}
.picker1 .sp-container{
background-color: #fff;
border: solid 1px #091a1d;
}
.picker1 .sp-palette-button-container,
.sp-button-container {
margin-left: 2px;
margin-top: 2px;
}
.picker1 .sp-palette .sp-thumb-el {
width: 32px;
height: 16px;
}
.picker1 .sp-picker-container {
width: 330px;
}
.picker1 .sp-picker-container .sp-input-container {
float: none;
width: 100%;
margin-bottom: 4px;
}
.picker1 .colorpicker {
margin: 30px auto;
}
.picker1 .sp-input {
font-family: '微软雅黑';
font-size: 18px !important;
}
.picker1 .sp-container button {
color: #fff;
font-size: 14px;
background: #3495e7;
border: 0;
text-shadow: none;
}
.picker1 .sp-container button:focus,
.picker1 .sp-container button:active {
outline: none;
box-shadow: none;
}
.picker1 .sp-container button:hover {
background: #4db3ff;
border-color: #4db3ff;
color: #fff;
}
.picker1 .sp-initial span {
width: 70px;
}
.picker2,
.picker3 {
padding: 20px;
text-align: center;
}
.picker2 #inputcolor {
width: 100%;
height: 30px;
border: 0;
box-shadow: none;
border-radius: 4px;
text-align: center;
}
.input-text {
border: 1px solid #eee;
width: 48%;
height: 30px;
box-shadow: none;
border-radius: 4px;
text-align: center;
}
.input-text:first {
margin-right: 42px;
}
</style>
</head>
<body>
<div class="container">
<!-- 颜色选择器1 -->
<div class="picker1">
<input id="spectrum">
<!-- <div id="colorpickerHolder"></div> -->
</div>
<!-- 颜色选择器2 -->
<div class="picker2">
<input id="inputcolor" name="mycolor" type="text" value="" hx="#4db3ff" />
</div>
<!-- 颜色选择器3 -->
<div class="picker3">
<input type="text" class="input-text" id="input_color" placeholder="DCAB3D 或者 12,34,56">
<input type="text" class="input-text" id="output_color" placeholder="转换结果">
<div id="canvas_color" style="border: 1px solid rgb(237, 237, 237); height: 3em; clear: both; position: relative; top: 0.5em;"></div>
</div>
<table width="90%" height="978" cellspacing="3" cellpadding="2" border="0" align="center" style="line-height: 22px;">
<tbody style="line-height: 22px;">
<tr style="line-height: 22px;">
<td height="18" bgcolor="#FFFF00" align="center" style="line-height: 22px;">ffff00</td>
<td height="18" bgcolor="#FFFF33" align="center" style="line-height: 22px;">ffff33</td>
<td height="18" bgcolor="#FFFF66" align="center" style="line-height: 22px;">ffff66</td>
<td height="18" bgcolor="#FFFF99" align="center" style="line-height: 22px;">ffff99</td>
<td height="18" bgcolor="#FFFFCC" align="center" style="line-height: 22px;">ffffcc</td>
<td height="18" bgcolor="#FFFFFF" align="center" style="line-height: 22px;">ffffff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#FFCC00" align="center" style="line-height: 22px;">ffcc00</td>
<td height="18" bgcolor="#FFCC33" align="center" style="line-height: 22px;">ffcc33</td>
<td height="18" bgcolor="#FFCC66" align="center" style="line-height: 22px;">ffcc66</td>
<td height="18" bgcolor="#FFCC99" align="center" style="line-height: 22px;">ffcc99</td>
<td height="18" bgcolor="#FFCCCC" align="center" style="line-height: 22px;">ffcccc</td>
<td height="18" bgcolor="#FFCCFF" align="center" style="line-height: 22px;">ffccff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#FF9900" align="center" style="line-height: 22px;">ff9900</td>
<td height="18" bgcolor="#FF9933" align="center" style="line-height: 22px;">ff9933</td>
<td height="18" bgcolor="#FF9966" align="center" style="line-height: 22px;">ff9966</td>
<td height="18" bgcolor="#FF9999" align="center" style="line-height: 22px;">ff9999</td>
<td height="18" bgcolor="#FF99CC" align="center" style="line-height: 22px;">ff99cc</td>
<td height="18" bgcolor="#FF99FF" align="center" style="line-height: 22px;">ff99ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#FF6600" align="center" style="line-height: 22px;">ff6600</td>
<td height="18" bgcolor="#FF6633" align="center" style="line-height: 22px;">ff6633</td>
<td height="18" bgcolor="#FF6666" align="center" style="line-height: 22px;">ff6666</td>
<td height="18" bgcolor="#FF6699" align="center" style="line-height: 22px;">ff6699</td>
<td height="18" bgcolor="#FF66CC" align="center" style="line-height: 22px;">ff66cc</td>
<td height="18" bgcolor="#FF66FF" align="center" style="line-height: 22px;">ff66ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#FF3300" align="center" style="line-height: 22px;">ff3300</td>
<td height="18" bgcolor="#FF3333" align="center" style="line-height: 22px;">ff3333</td>
<td height="18" bgcolor="#FF3366" align="center" style="line-height: 22px;">ff3366</td>
<td height="18" bgcolor="#FF3399" align="center" style="line-height: 22px;">ff3399</td>
<td height="18" bgcolor="#FF33CC" align="center" style="line-height: 22px;">ff33cc</td>
<td height="18" bgcolor="#FF33FF" align="center" style="line-height: 22px;">ff33ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#FF0000" align="center" style="line-height: 22px;">ff0000</td>
<td height="18" bgcolor="#FF001A" align="center" style="line-height: 22px;">ff0033</td>
<td height="18" bgcolor="#FF004D" align="center" style="line-height: 22px;">ff0066</td>
<td height="18" bgcolor="#FF0080" align="center" style="line-height: 22px;">ff0099</td>
<td height="18" bgcolor="#FF00B3" align="center" style="line-height: 22px;">ff00cc</td>
<td height="18" bgcolor="#FF00E6" align="center" style="line-height: 22px;">ff00ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#CCFF00" align="center" style="line-height: 22px;">ccff00</td>
<td height="18" bgcolor="#CCFF33" align="center" style="line-height: 22px;">ccff33</td>
<td height="18" bgcolor="#CCFF66" align="center" style="line-height: 22px;">ccff66</td>
<td height="18" bgcolor="#CCFF99" align="center" style="line-height: 22px;">ccff99</td>
<td height="18" bgcolor="#CCFFCC" align="center" style="line-height: 22px;">ccffcc</td>
<td height="18" bgcolor="#CCFFFF" align="center" style="line-height: 22px;">ccffff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#CCCC00" align="center" style="line-height: 22px;">cccc00</td>
<td height="18" bgcolor="#CCCC33" align="center" style="line-height: 22px;">cccc33</td>
<td height="18" bgcolor="#CCCC66" align="center" style="line-height: 22px;">cccc66</td>
<td height="18" bgcolor="#CCCC99" align="center" style="line-height: 22px;">cccc99</td>
<td height="18" bgcolor="#CCCCCC" align="center" style="line-height: 22px;">cccccc</td>
<td height="18" bgcolor="#CCCCFF" align="center" style="line-height: 22px;">ccccff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#CC9900" align="center" style="line-height: 22px;">cc9900</td>
<td height="18" bgcolor="#CC9933" align="center" style="line-height: 22px;">cc9933</td>
<td height="18" bgcolor="#CC9966" align="center" style="line-height: 22px;">cc9966</td>
<td height="18" bgcolor="#CC9999" align="center" style="line-height: 22px;">cc9999</td>
<td height="18" bgcolor="#CC99CC" align="center" style="line-height: 22px;">cc99cc</td>
<td height="18" bgcolor="#CC99FF" align="center" style="line-height: 22px;">cc99ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#CC6600" align="center" style="line-height: 22px;">cc6600</td>
<td height="18" bgcolor="#CC6633" align="center" style="line-height: 22px;">cc6633</td>
<td height="18" bgcolor="#CC6666" align="center" style="line-height: 22px;">cc6666</td>
<td height="18" bgcolor="#CC6699" align="center" style="line-height: 22px;">cc6699</td>
<td height="18" bgcolor="#CC66CC" align="center" style="line-height: 22px;">cc66cc</td>
<td height="18" bgcolor="#CC66FF" align="center" style="line-height: 22px;">cc66ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#CC3300" align="center" style="line-height: 22px;">cc3300</td>
<td height="18" bgcolor="#CC3333" align="center" style="line-height: 22px;">cc3333</td>
<td height="18" bgcolor="#CC3366" align="center" style="line-height: 22px;">cc3366</td>
<td height="18" bgcolor="#CC3399" align="center" style="line-height: 22px;">cc3399</td>
<td height="18" bgcolor="#CC33CC" align="center" style="line-height: 22px;">cc33cc</td>
<td height="18" bgcolor="#CC33FF" align="center" style="line-height: 22px;">cc33ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#CC0000" align="center" style="line-height: 22px;">cc0000</td>
<td height="18" bgcolor="#CC0033" align="center" style="line-height: 22px;">cc0033</td>
<td height="18" bgcolor="#CC0066" align="center" style="line-height: 22px;">cc0066</td>
<td height="18" bgcolor="#CC0099" align="center" style="line-height: 22px;">cc0099</td>
<td height="18" bgcolor="#CC00CC" align="center" style="line-height: 22px;">cc00cc</td>
<td height="18" bgcolor="#CC00FF" align="center" style="line-height: 22px;">cc00ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#99FF00" align="center" style="line-height: 22px;">99ff00</td>
<td height="18" bgcolor="#99FF33" align="center" style="line-height: 22px;">99ff33</td>
<td height="18" bgcolor="#99FF66" align="center" style="line-height: 22px;">99ff66</td>
<td height="18" bgcolor="#99FF99" align="center" style="line-height: 22px;">99ff99</td>
<td height="18" bgcolor="#99FFCC" align="center" style="line-height: 22px;">99ffcc</td>
<td height="18" bgcolor="#99FFFF" align="center" style="line-height: 22px;">99ffff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#99CC00" align="center" style="line-height: 22px;">99cc00</td>
<td height="18" bgcolor="#99CC33" align="center" style="line-height: 22px;">99cc33</td>
<td height="18" bgcolor="#99CC66" align="center" style="line-height: 22px;">99cc66</td>
<td height="18" bgcolor="#99CC99" align="center" style="line-height: 22px;">99cc99</td>
<td height="18" bgcolor="#99CCCC" align="center" style="line-height: 22px;">99cccc</td>
<td height="18" bgcolor="#99CCFF" align="center" style="line-height: 22px;">99ccff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#999900" align="center" style="line-height: 22px;">999900</td>
<td height="18" bgcolor="#999933" align="center" style="line-height: 22px;">999933</td>
<td height="18" bgcolor="#999966" align="center" style="line-height: 22px;">999966</td>
<td height="18" bgcolor="#999999" align="center" style="line-height: 22px;">999999</td>
<td height="18" bgcolor="#9999CC" align="center" style="line-height: 22px;">9999cc</td>
<td height="18" bgcolor="#9999FF" align="center" style="line-height: 22px;">9999ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#996600" align="center" style="line-height: 22px;">996600</td>
<td height="18" bgcolor="#996633" align="center" style="line-height: 22px;">996633</td>
<td height="18" bgcolor="#996666" align="center" style="line-height: 22px;">996666</td>
<td height="18" bgcolor="#996699" align="center" style="line-height: 22px;">996699</td>
<td height="18" bgcolor="#9966CC" align="center" style="line-height: 22px;">9966cc</td>
<td height="18" bgcolor="#9966FF" align="center" style="line-height: 22px;">9966ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#993300" align="center" style="line-height: 22px;">993300</td>
<td height="18" bgcolor="#993333" align="center" style="line-height: 22px;">993333</td>
<td height="18" bgcolor="#993366" align="center" style="line-height: 22px;">993366</td>
<td height="18" bgcolor="#993399" align="center" style="line-height: 22px;">993399</td>
<td height="18" bgcolor="#9933CC" align="center" style="line-height: 22px;">9933cc</td>
<td height="18" bgcolor="#9933FF" align="center" style="line-height: 22px;">9933ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#990000" align="center" style="line-height: 22px;">990000</td>
<td height="18" bgcolor="#990033" align="center" style="line-height: 22px;">990033</td>
<td height="18" bgcolor="#990066" align="center" style="line-height: 22px;">990066</td>
<td height="18" bgcolor="#990099" align="center" style="line-height: 22px;">990099</td>
<td height="18" bgcolor="#9900CC" align="center" style="line-height: 22px;">9900cc</td>
<td height="18" bgcolor="#9900FF" align="center" style="line-height: 22px;">9900ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#66FF00" align="center" style="line-height: 22px;">66ff00</td>
<td height="18" bgcolor="#66FF33" align="center" style="line-height: 22px;">66ff33</td>
<td height="18" bgcolor="#66FF66" align="center" style="line-height: 22px;">66ff66</td>
<td height="18" bgcolor="#66FF99" align="center" style="line-height: 22px;">66ff99</td>
<td height="18" bgcolor="#66FFCC" align="center" style="line-height: 22px;">66ffcc</td>
<td height="18" bgcolor="#66FFFF" align="center" style="line-height: 22px;">66ffff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#66CC00" align="center" style="line-height: 22px;">66cc00</td>
<td height="18" bgcolor="#66CC33" align="center" style="line-height: 22px;">66cc33</td>
<td height="18" bgcolor="#66CC66" align="center" style="line-height: 22px;">66cc66</td>
<td height="18" bgcolor="#66CC99" align="center" style="line-height: 22px;">66cc99</td>
<td height="18" bgcolor="#66CCCC" align="center" style="line-height: 22px;">66cccc</td>
<td height="18" bgcolor="#66CCFF" align="center" style="line-height: 22px;">66ccff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#669900" align="center" style="line-height: 22px;">669900</td>
<td height="18" bgcolor="#669933" align="center" style="line-height: 22px;">669933</td>
<td height="18" bgcolor="#669966" align="center" style="line-height: 22px;">669966</td>
<td height="18" bgcolor="#669999" align="center" style="line-height: 22px;">669999</td>
<td height="18" bgcolor="#6699CC" align="center" style="line-height: 22px;">6699cc</td>
<td height="18" bgcolor="#6699FF" align="center" style="line-height: 22px;">6699ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#666600" align="center" style="line-height: 22px;">666600</td>
<td height="18" bgcolor="#666633" align="center" style="line-height: 22px;">666633</td>
<td height="18" bgcolor="#666666" align="center" style="line-height: 22px;">666666</td>
<td height="18" bgcolor="#666699" align="center" style="line-height: 22px;">666699</td>
<td height="18" bgcolor="#6666CC" align="center" style="line-height: 22px;">6666cc</td>
<td height="18" bgcolor="#6666FF" align="center" style="line-height: 22px;">6666ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#663300" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">663300</font>
</td>
<td height="18" bgcolor="#663333" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">663333</font>
</td>
<td height="18" bgcolor="#663366" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">663366</font>
</td>
<td height="18" bgcolor="#663399" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">663399</font>
</td>
<td height="18" bgcolor="#6633CC" align="center" style="line-height: 22px;">6633cc</td>
<td height="18" bgcolor="#6633FF" align="center" style="line-height: 22px;">6633ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#660000" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">660000</font>
</td>
<td height="18" bgcolor="#660033" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">660033</font>
</td>
<td height="18" bgcolor="#660066" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">660066</font>
</td>
<td height="18" bgcolor="#660099" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">660099</font>
</td>
<td height="18" bgcolor="#6600CC" align="center" style="line-height: 22px;">6600cc</td>
<td height="18" bgcolor="#6600FF" align="center" style="line-height: 22px;">6600ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#33FF00" align="center" style="line-height: 22px;">33ff00</td>
<td height="18" bgcolor="#33FF33" align="center" style="line-height: 22px;">33ff33</td>
<td height="18" bgcolor="#33FF66" align="center" style="line-height: 22px;">33ff66</td>
<td height="18" bgcolor="#33FF99" align="center" style="line-height: 22px;">33ff99</td>
<td height="18" bgcolor="#33FFCC" align="center" style="line-height: 22px;">33ffcc</td>
<td height="18" bgcolor="#33FFFF" align="center" style="line-height: 22px;">33ffff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#33CC00" align="center" style="line-height: 22px;">33cc00</td>
<td height="18" bgcolor="#33CC33" align="center" style="line-height: 22px;">33cc33</td>
<td height="18" bgcolor="#33CC66" align="center" style="line-height: 22px;">33cc66</td>
<td height="18" bgcolor="#33CC99" align="center" style="line-height: 22px;">33cc99</td>
<td height="18" bgcolor="#33CCCC" align="center" style="line-height: 22px;">33cccc</td>
<td height="18" bgcolor="#33CCFF" align="center" style="line-height: 22px;">33ccff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#339900" align="center" style="line-height: 22px;">339900</td>
<td height="18" bgcolor="#339933" align="center" style="line-height: 22px;">339933</td>
<td height="18" bgcolor="#339966" align="center" style="line-height: 22px;">339966</td>
<td height="18" bgcolor="#339999" align="center" style="line-height: 22px;">339999</td>
<td height="18" bgcolor="#3399CC" align="center" style="line-height: 22px;">3399cc</td>
<td height="18" bgcolor="#3399FF" align="center" style="line-height: 22px;">3399ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#336600" align="center" style="line-height: 22px;">336600</td>
<td height="18" bgcolor="#336633" align="center" style="line-height: 22px;">336633</td>
<td height="18" bgcolor="#336666" align="center" style="line-height: 22px;">336666</td>
<td height="18" bgcolor="#336699" align="center" style="line-height: 22px;">336699</td>
<td height="18" bgcolor="#3366CC" align="center" style="line-height: 22px;">3366cc</td>
<td height="18" bgcolor="#3366FF" align="center" style="line-height: 22px;">3366ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#333300" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">333300</font>
</td>
<td height="18" bgcolor="#333333" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">333333</font>
</td>
<td height="18" bgcolor="#333366" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">333366</font>
</td>
<td height="18" bgcolor="#333399" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">333399</font>
</td>
<td height="18" bgcolor="#3333CC" align="center" style="line-height: 22px;">3333cc</td>
<td height="18" bgcolor="#3333FF" align="center" style="line-height: 22px;">3333ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#330000" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">330000</font>
</td>
<td height="18" bgcolor="#330033" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">330033</font>
</td>
<td height="18" bgcolor="#330066" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">330066</font>
</td>
<td height="18" bgcolor="#330099" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">330099</font>
</td>
<td height="18" bgcolor="#3300CC" align="center" style="line-height: 22px;">3300cc</td>
<td height="18" bgcolor="#3300FF" align="center" style="line-height: 22px;">3300ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#00FF00" align="center" style="line-height: 22px;">00ff00</td>
<td height="18" bgcolor="#00FF33" align="center" style="line-height: 22px;">00ff33</td>
<td height="18" bgcolor="#00FF66" align="center" style="line-height: 22px;">00ff66</td>
<td height="18" bgcolor="#00FF99" align="center" style="line-height: 22px;">00ff99</td>
<td height="18" bgcolor="#00FFCC" align="center" style="line-height: 22px;">00ffcc</td>
<td height="18" bgcolor="#00FFFF" align="center" style="line-height: 22px;">00ffff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#00CC00" align="center" style="line-height: 22px;">00cc00</td>
<td height="18" bgcolor="#00CC33" align="center" style="line-height: 22px;">00cc33</td>
<td height="18" bgcolor="#00CC66" align="center" style="line-height: 22px;">00cc66</td>
<td height="18" bgcolor="#00CC99" align="center" style="line-height: 22px;">00cc99</td>
<td height="18" bgcolor="#00CCCC" align="center" style="line-height: 22px;">00cccc</td>
<td height="18" bgcolor="#00CCFF" align="center" style="line-height: 22px;">00ccff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#009900" align="center" style="line-height: 22px;">009900</td>
<td height="18" bgcolor="#009933" align="center" style="line-height: 22px;">009933</td>
<td height="18" bgcolor="#009966" align="center" style="line-height: 22px;">009966</td>
<td height="18" bgcolor="#009999" align="center" style="line-height: 22px;">009999</td>
<td height="18" bgcolor="#0099CC" align="center" style="line-height: 22px;">0099cc</td>
<td height="18" bgcolor="#0099FF" align="center" style="line-height: 22px;">0099ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#006600" align="center" style="line-height: 22px;">006600</td>
<td height="18" bgcolor="#006633" align="center" style="line-height: 22px;">006633</td>
<td height="18" bgcolor="#006666" align="center" style="line-height: 22px;">006666</td>
<td height="18" bgcolor="#006699" align="center" style="line-height: 22px;">006699</td>
<td height="18" bgcolor="#0066CC" align="center" style="line-height: 22px;">0066cc</td>
<td height="18" bgcolor="#0066FF" align="center" style="line-height: 22px;">0066ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#003300" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">003300</font>
</td>
<td height="18" bgcolor="#003333" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">003333</font>
</td>
<td height="18" bgcolor="#003366" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">003366</font>
</td>
<td height="18" bgcolor="#003399" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">003399</font>
</td>
<td height="18" bgcolor="#0033CC" align="center" style="line-height: 22px;">0033cc</td>
<td height="18" bgcolor="#0033FF" align="center" style="line-height: 22px;">0033ff</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" bgcolor="#000000" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">000000</font>
</td>
<td height="18" bgcolor="#000033" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">000033</font>
</td>
<td height="18" bgcolor="#000066" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">000066</font>
</td>
<td height="18" bgcolor="#000099" align="center" style="line-height: 22px;">
<font color="#FFFFFF" style="line-height: 22px;">000099</font>
</td>
<td height="18" bgcolor="#0000CC" align="center" style="line-height: 22px;">0000cc</td>
<td height="18" bgcolor="#0000FF" align="center" style="line-height: 22px;">0000ff</td>
</tr>
</tbody>
</table>
<table width="90%" cellspacing="3" cellpadding="2" border="0" align="center" style="line-height: 22px;">
<tbody style="line-height: 22px;">
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#FFFFFF" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFFFFF</td>
<td height="18" width="15%" bgcolor="#FFFFF0" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFFFF0</td>
<td height="18" width="15%" bgcolor="#FFFFE0" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFFFE0</td>
<td height="18" width="15%" bgcolor="#FFFF00" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFFF00</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#FFFAFA" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFFAFA</td>
<td height="18" width="15%" bgcolor="#FFFAF0" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFFAF0</td>
<td height="18" width="15%" bgcolor="#FFFACD" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFFACD</td>
<td height="18" width="15%" bgcolor="#FFF8DC" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFF8DC</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#FFF68F" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFF68F</td>
<td height="18" width="15%" bgcolor="#FFF5EE" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFF5EE</td>
<td height="18" width="15%" bgcolor="#FFF0F5" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFF0F5</td>
<td height="18" width="15%" bgcolor="#FFEFDB" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFEFDB</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#FFEFD5" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFEFD5</td>
<td height="18" width="15%" bgcolor="#FFEC8B" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFEC8B</td>
<td height="18" width="15%" bgcolor="#FFEBCD" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFEBCD</td>
<td height="18" width="15%" bgcolor="#FFE7BA" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFE7BA</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#FFE4E1" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFE4E1</td>
<td height="18" width="15%" bgcolor="#FFE4C4" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFE4C4</td>
<td height="18" width="15%" bgcolor="#FFE4B5" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFE4B5</td>
<td height="18" width="15%" bgcolor="#FFE1FF" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFE1FF</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#FFDEAD" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFDEAD</td>
<td height="18" width="15%" bgcolor="#FFDAB9" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFDAB9</td>
<td height="18" width="15%" bgcolor="#FFD700" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFD700</td>
<td height="18" width="15%" bgcolor="#FFD39B" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFD39B</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#FFC1C1" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFC1C1</td>
<td height="18" width="15%" bgcolor="#FFC125" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFC125</td>
<td height="18" width="15%" bgcolor="#FFC0CB" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFC0CB</td>
<td height="18" width="15%" bgcolor="#FFBBFF" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFBBFF</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#FFB90F" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFB90F</td>
<td height="18" width="15%" bgcolor="#FFB6C1" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFB6C1</td>
<td height="18" width="15%" bgcolor="#FFB5C5" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFB5C5</td>
<td height="18" width="15%" bgcolor="#FFAEB9" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFAEB9</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#FFA54F" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFA54F</td>
<td height="18" width="15%" bgcolor="#FFA500" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFA500</td>
<td height="18" width="15%" bgcolor="#FFA07A" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FFA07A</td>
<td height="18" width="15%" bgcolor="#FF8C69" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF8C69</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#FF8C00" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF8C00</td>
<td height="18" width="15%" bgcolor="#FF83FA" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF83FA</td>
<td height="18" width="15%" bgcolor="#FF82AB" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF82AB</td>
<td height="18" width="15%" bgcolor="#FF8247" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF8247</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#FF7F50" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF7F50</td>
<td height="18" width="15%" bgcolor="#FF7F24" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF7F24</td>
<td height="18" width="15%" bgcolor="#FF7F00" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF7F00</td>
<td height="18" width="15%" bgcolor="#FF7256" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF7256</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#FF6EB4" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF6EB4</td>
<td height="18" width="15%" bgcolor="#FF6A6A" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF6A6A</td>
<td height="18" width="15%" bgcolor="#FF69B4" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF69B4</td>
<td height="18" width="15%" bgcolor="#FF6347" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF6347</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#FF4500" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF4500</td>
<td height="18" width="15%" bgcolor="#FF4040" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF4040</td>
<td height="18" width="15%" bgcolor="#FF3E96" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF3E96</td>
<td height="18" width="15%" bgcolor="#FF34B3" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF34B3</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#FF3030" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF3030</td>
<td height="18" width="15%" bgcolor="#FF1493" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF1493</td>
<td height="18" width="15%" bgcolor="#FF00FF" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF00FF</td>
<td height="18" width="15%" bgcolor="#FF0000" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FF0000</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#FDF5E6" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FDF5E6</td>
<td height="18" width="15%" bgcolor="#FCFCFC" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FCFCFC</td>
<td height="18" width="15%" bgcolor="#FAFAFA" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FAFAFA</td>
<td height="18" width="15%" bgcolor="#FAFAD2" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FAFAD2</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#FAF0E6" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FAF0E6</td>
<td height="18" width="15%" bgcolor="#FAEBD7" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FAEBD7</td>
<td height="18" width="15%" bgcolor="#FA8072" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#FA8072</td>
<td height="18" width="15%" bgcolor="#F8F8FF" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#F8F8FF</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#F7F7F7" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#F7F7F7</td>
<td height="18" width="15%" bgcolor="#F5FFFA" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#F5FFFA</td>
<td height="18" width="15%" bgcolor="#F5F5F5" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#F5F5F5</td>
<td height="18" width="15%" bgcolor="#F5F5DC" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#F5F5DC</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#F5DEB3" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#F5DEB3</td>
<td height="18" width="15%" bgcolor="#F4F4F4" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#F4F4F4</td>
<td height="18" width="15%" bgcolor="#F4A460" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#F4A460</td>
<td height="18" width="15%" bgcolor="#F2F2F2" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#F2F2F2</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#F0FFFF" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#F0FFFF</td>
<td height="18" width="15%" bgcolor="#F0FFF0" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#F0FFF0</td>
<td height="18" width="15%" bgcolor="#F0F8FF" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#F0F8FF</td>
<td height="18" width="15%" bgcolor="#F0F0F0" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#F0F0F0</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#F0E68C" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#F0E68C</td>
<td height="18" width="15%" bgcolor="#F08080" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#F08080</td>
<td height="18" width="15%" bgcolor="#EEEEE0" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EEEEE0</td>
<td height="18" width="15%" bgcolor="#EEEED1" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EEEED1</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#EEEE00" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EEEE00</td>
<td height="18" width="15%" bgcolor="#EEE9E9" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EEE9E9</td>
<td height="18" width="15%" bgcolor="#EEE9BF" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EEE9BF</td>
<td height="18" width="15%" bgcolor="#EEE8CD" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EEE8CD</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#EEE8AA" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EEE8AA</td>
<td height="18" width="15%" bgcolor="#EEE685" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EEE685</td>
<td height="18" width="15%" bgcolor="#EEE5DE" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EEE5DE</td>
<td height="18" width="15%" bgcolor="#EEE0E5" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EEE0E5</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#EEDFCC" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EEDFCC</td>
<td height="18" width="15%" bgcolor="#EEDC82" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EEDC82</td>
<td height="18" width="15%" bgcolor="#EED8AE" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EED8AE</td>
<td height="18" width="15%" bgcolor="#EED5D2" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EED5D2</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#EED5B7" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EED5B7</td>
<td height="18" width="15%" bgcolor="#EED2EE" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EED2EE</td>
<td height="18" width="15%" bgcolor="#EECFA1" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EECFA1</td>
<td height="18" width="15%" bgcolor="#EECBAD" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EECBAD</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#EEC900" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EEC900</td>
<td height="18" width="15%" bgcolor="#EEC591" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EEC591</td>
<td height="18" width="15%" bgcolor="#EEB4B4" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EEB4B4</td>
<td height="18" width="15%" bgcolor="#EEB422" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EEB422</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#EEAEEE" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EEAEEE</td>
<td height="18" width="15%" bgcolor="#EEAD0E" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EEAD0E</td>
<td height="18" width="15%" bgcolor="#EEA9B8" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EEA9B8</td>
<td height="18" width="15%" bgcolor="#EEA2AD" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EEA2AD</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#EE9A49" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE9A49</td>
<td height="18" width="15%" bgcolor="#EE9A00" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE9A00</td>
<td height="18" width="15%" bgcolor="#EE9572" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE9572</td>
<td height="18" width="15%" bgcolor="#EE82EE" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE82EE</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#EE8262" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE8262</td>
<td height="18" width="15%" bgcolor="#EE7AE9" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE7AE9</td>
<td height="18" width="15%" bgcolor="#EE799F" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE799F</td>
<td height="18" width="15%" bgcolor="#EE7942" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE7942</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#EE7621" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE7621</td>
<td height="18" width="15%" bgcolor="#EE7600" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE7600</td>
<td height="18" width="15%" bgcolor="#EE6AA7" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE6AA7</td>
<td height="18" width="15%" bgcolor="#EE6A50" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE6A50</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#EE6363" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE6363</td>
<td height="18" width="15%" bgcolor="#EE5C42" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE5C42</td>
<td height="18" width="15%" bgcolor="#EE4000" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE4000</td>
<td height="18" width="15%" bgcolor="#EE3B3B" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE3B3B</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#EE3A8C" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE3A8C</td>
<td height="18" width="15%" bgcolor="#EE30A7" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE30A7</td>
<td height="18" width="15%" bgcolor="#EE2C2C" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE2C2C</td>
<td height="18" width="15%" bgcolor="#EE1289" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE1289</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#EE00EE" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE00EE</td>
<td height="18" width="15%" bgcolor="#EE0000" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EE0000</td>
<td height="18" width="15%" bgcolor="#EDEDED" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EDEDED</td>
<td height="18" width="15%" bgcolor="#EBEBEB" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EBEBEB</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#EAEAEA" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#EAEAEA</td>
<td height="18" width="15%" bgcolor="#E9967A" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#E9967A</td>
<td height="18" width="15%" bgcolor="#E8E8E8" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#E8E8E8</td>
<td height="18" width="15%" bgcolor="#E6E6FA" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#E6E6FA</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#E5E5E5" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#E5E5E5</td>
<td height="18" width="15%" bgcolor="#E3E3E3" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#E3E3E3</td>
<td height="18" width="15%" bgcolor="#E0FFFF" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#E0FFFF</td>
<td height="18" width="15%" bgcolor="#E0EEEE" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#E0EEEE</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#E0EEE0" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#E0EEE0</td>
<td height="18" width="15%" bgcolor="#E0E0E0" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#E0E0E0</td>
<td height="18" width="15%" bgcolor="#E066FF" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#E066FF</td>
<td height="18" width="15%" bgcolor="#DEDEDE" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#DEDEDE</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#DEB887" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#DEB887</td>
<td height="18" width="15%" bgcolor="#DDA0DD" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#DDA0DD</td>
<td height="18" width="15%" bgcolor="#DCDCDC" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#DCDCDC</td>
<td height="18" width="15%" bgcolor="#DC143C" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#DC143C</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#DBDBDB" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#DBDBDB</td>
<td height="18" width="15%" bgcolor="#DB7093" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#DB7093</td>
<td height="18" width="15%" bgcolor="#DAA520" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#DAA520</td>
<td height="18" width="15%" bgcolor="#DA70D6" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#DA70D6</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#D9D9D9" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#D9D9D9</td>
<td height="18" width="15%" bgcolor="#D8BFD8" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#D8BFD8</td>
<td height="18" width="15%" bgcolor="#D6D6D6" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#D6D6D6</td>
<td height="18" width="15%" bgcolor="#D4D4D4" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#D4D4D4</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#D3D3D3" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#D3D3D3</td>
<td height="18" width="15%" bgcolor="#D2B48C" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#D2B48C</td>
<td height="18" width="15%" bgcolor="#D2691E" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#D2691E</td>
<td height="18" width="15%" bgcolor="#D1EEEE" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#D1EEEE</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#D1D1D1" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#D1D1D1</td>
<td height="18" width="15%" bgcolor="#D15FEE" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#D15FEE</td>
<td height="18" width="15%" bgcolor="#D02090" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#D02090</td>
<td height="18" width="15%" bgcolor="#CFCFCF" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CFCFCF</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#CDCDC1" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CDCDC1</td>
<td height="18" width="15%" bgcolor="#CDCDB4" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CDCDB4</td>
<td height="18" width="15%" bgcolor="#CDCD00" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CDCD00</td>
<td height="18" width="15%" bgcolor="#CDC9C9" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CDC9C9</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#CDC9A5" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CDC9A5</td>
<td height="18" width="15%" bgcolor="#CDC8B1" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CDC8B1</td>
<td height="18" width="15%" bgcolor="#CDC673" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CDC673</td>
<td height="18" width="15%" bgcolor="#CDC5BF" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CDC5BF</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#CDC1C5" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CDC1C5</td>
<td height="18" width="15%" bgcolor="#CDC0B0" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CDC0B0</td>
<td height="18" width="15%" bgcolor="#CDBE70" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CDBE70</td>
<td height="18" width="15%" bgcolor="#CDBA96" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CDBA96</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#CDB7B5" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CDB7B5</td>
<td height="18" width="15%" bgcolor="#CDB79E" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CDB79E</td>
<td height="18" width="15%" bgcolor="#CDB5CD" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CDB5CD</td>
<td height="18" width="15%" bgcolor="#CDB38B" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CDB38B</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#CDAF95" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CDAF95</td>
<td height="18" width="15%" bgcolor="#CDAD00" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CDAD00</td>
<td height="18" width="15%" bgcolor="#CDAA7D" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CDAA7D</td>
<td height="18" width="15%" bgcolor="#CD9B9B" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD9B9B</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#CD9B1D" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD9B1D</td>
<td height="18" width="15%" bgcolor="#CD96CD" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD96CD</td>
<td height="18" width="15%" bgcolor="#CD950C" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD950C</td>
<td height="18" width="15%" bgcolor="#CD919E" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD919E</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#CD8C95" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD8C95</td>
<td height="18" width="15%" bgcolor="#CD853F" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD853F</td>
<td height="18" width="15%" bgcolor="#CD8500" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD8500</td>
<td height="18" width="15%" bgcolor="#CD8162" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD8162</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#CD7054" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD7054</td>
<td height="18" width="15%" bgcolor="#CD69C9" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD69C9</td>
<td height="18" width="15%" bgcolor="#CD6889" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD6889</td>
<td height="18" width="15%" bgcolor="#CD6839" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD6839</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#CD661D" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD661D</td>
<td height="18" width="15%" bgcolor="#CD6600" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD6600</td>
<td height="18" width="15%" bgcolor="#CD6090" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD6090</td>
<td height="18" width="15%" bgcolor="#CD5C5C" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD5C5C</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#CD5B45" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD5B45</td>
<td height="18" width="15%" bgcolor="#CD5555" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD5555</td>
<td height="18" width="15%" bgcolor="#CD4F39" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD4F39</td>
<td height="18" width="15%" bgcolor="#CD3700" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD3700</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#CD3333" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD3333</td>
<td height="18" width="15%" bgcolor="#CD3278" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD3278</td>
<td height="18" width="15%" bgcolor="#CD2990" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD2990</td>
<td height="18" width="15%" bgcolor="#CD2626" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD2626</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#CD1076" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD1076</td>
<td height="18" width="15%" bgcolor="#CD00CD" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD00CD</td>
<td height="18" width="15%" bgcolor="#CD0000" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CD0000</td>
<td height="18" width="15%" bgcolor="#CCCCCC" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CCCCCC</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#CAFF70" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CAFF70</td>
<td height="18" width="15%" bgcolor="#CAE1FF" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#CAE1FF</td>
<td height="18" width="15%" bgcolor="#C9C9C9" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#C9C9C9</td>
<td height="18" width="15%" bgcolor="#C7C7C7" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#C7C7C7</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#C71585" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#C71585</td>
<td height="18" width="15%" bgcolor="#C6E2FF" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#C6E2FF</td>
<td height="18" width="15%" bgcolor="#C67171" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#C67171</td>
<td height="18" width="15%" bgcolor="#C5C1AA" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#C5C1AA</td>
</tr>
<tr style="line-height: 22px;">
<td height="18" width="15%" bgcolor="#C4C4C4" style="line-height: 22px;"></td>
<td width="10%" style="line-height: 22px;">#C4C4C4</td>
<td height="18" width="15%" bgcolor="#C2C2C2" style="line-height: 22px;"></td>