Cara Membuat Halaman Khusus Kode Warna

Dalam merancang sebuah WEB kode warna untuk menambah keindahan tampilan WEB memang kita butuhkan. Disini cenderung bukan hanya sekedar faktor keindahan saja, design penempatan kode warna atau warna yang dihasilkan harus tepat dan dapat menimbulkan rasa nyaman bagi setiap pengunjung yang membaca artikel atau sekedar melihat-lihat saja. Suatu hal yang mustahil jika design sebuah halaman post dengan diberi warna background putih lalu warna hurufnya diberi warna putih juga. Atau kita merancang sebuah WEB dengan memberi kombinasi warna yang berlebihan, sehingga terkesan ramai dan membuat tidak nyaman pengunjung. Lain lagi jika kita dalam merancang sebuah WEB dengan memakai struktur kombinasi warna yang tepat, maka selain keindahan maka akan memberikan kenyamanan juga bagi setiap pengunjung yang datang terhadap WEB kita.

Tapi perlu digarisbawahi bagi pengguna WordPress[dot]com, yang masih menikmati fasilitas gratisan. Kita tidak diberi kebebasan untuk merancang atau merubah keseluruhan elemen-elemen dari halaman tema yang digunakan. Hanya pada bagian tertentu saja, seperti pada halaman posting dan widget untuk ditampilkan di sidebar saja. Tapi untuk sekedar belajar oprek CSS atau PHP, anda bisa menggunakan domain serta WEB hosting gratisan. Banyak penyedia domain serta WEB hosting gratisan yang dapat anda manfaatkan sebagai sarana pembelajaran.

Adapun dalam merancang sebuah WEB, dan kita ingin memberikan kombinasi warna pada WEB yang kita rancang atau design ulang dari tema yang sudah ada. Maka kita membutuhkan warna-warna yang dispesifikasikan menggunakan triplet RGB (Red, Green, Blue) dalam format heksadesimal contoh untuk warna hitam maka referensinya adalah #000000, atau cara lain dengan mereferensikan warna-warna kedalam bahasa Inggris. Contoh kita menginginkan warna hitam, maka referensinya adalah black. Akan tetapi cara ini berlaku hanya pada warna-warna yang telah dikenal atau dirumuskan saja.

Untuk halaman WEB yang berformat HTML warna-warna WEB dapat digunakan melalui definisi style. Contoh :

<span style="color: #ff0000;">Sekedar Contoh</span>

Maka hasilnya akan seperti ini :

Sekedar Contoh

Atau bisa juga dengan referensi nama dalam bahasa Inggris, contoh :

<span style="color: red;">Sekedar Contoh</span>

Maka hasilnya akan seperti ini :

Sekedar Contoh

Selanjutnya jika semua kode warna ingin anda simpan sebagai arsip dan dibuat halaman khusus pada halaman WEB, maka disaat anda membutuhkan anda tinggal melihat semua kode warna yang anda simpan. Caranya bisa anda gunakan dan susun dengan tehnik pembuatan tabel. Untuk masing-masing kode warnanya, dapat anda cari sendiri pada WEB khusus penyedia kode warna. Atau dapat anda gunakan program pengolah gambar yang sudah tidak asing lagi Adobe Photoshop. Untuk referensi dalam pembuatan tabel, dapat anda simak pada postingan saya disini.

Anda bisa lihat pada halaman blog saya yang khusus menampilkan beberapa kode warna yang mungkin suatu saat anda butuhkan. Adapun Cara Membuat Halaman Khusus Kode Warna seperti yang ada pada halaman blog saya, scriptnya seperti ini :

<table width="100%" border="0" bgcolor="#000000">
<tbody>
<tr>
<td style="text-align: center;" colspan="6" align="left" valign="top" bgcolor="#333333"><span style="color: #ffffff;"><strong>Warna Primer</strong></span></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#000000" width="20"><strong><span style="color: #ff0000;">000000</span></strong></td>
<td align="left" valign="top" bgcolor="#000033" width="20"><strong><span style="color: #ffffff;">000033</span></strong></td>
<td align="left" valign="top" bgcolor="#000066" width="20"><strong><span style="color: #ffffff;">000066</span></strong></td>
<td align="left" valign="top" bgcolor="#000099" width="20"><strong><span style="color: #ffffff;">000099</span></strong></td>
<td align="left" valign="top" bgcolor="#0000CC" width="20"><strong><span style="color: #ffffff;">0000CC</span></strong></td>
<td align="left" valign="top" bgcolor="#0000FF" width="20"><strong><span style="color: #ffffff;">0000FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#003300" width="20"><strong><span style="color: #ffffff;">003300</span></strong></td>
<td align="left" valign="top" bgcolor="#003333" width="20"><strong><span style="color: #ffffff;">003333</span></strong></td>
<td align="left" valign="top" bgcolor="#003366" width="20"><strong><span style="color: #ffffff;">003366</span></strong></td>
<td align="left" valign="top" bgcolor="#003399" width="20"><strong><span style="color: #ffffff;">003399</span></strong></td>
<td align="left" valign="top" bgcolor="#0033CC" width="20"><strong><span style="color: #ffffff;">0033CC</span></strong></td>
<td align="left" valign="top" bgcolor="#0033FF" width="20"><strong><span style="color: #ffffff;">0033FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#006600" width="20"><strong><span style="color: #ffffff;">006600</span></strong></td>
<td align="left" valign="top" bgcolor="#006633" width="20"><strong><span style="color: #ffffff;">006633</span></strong></td>
<td align="left" valign="top" bgcolor="#006666" width="20"><strong><span style="color: #ffffff;">006666</span></strong></td>
<td align="left" valign="top" bgcolor="#006699" width="20"><strong><span style="color: #ffffff;">006699</span></strong></td>
<td align="left" valign="top" bgcolor="#0066CC" width="20"><strong><span style="color: #ffffff;">0066CC</span></strong></td>
<td align="left" valign="top" bgcolor="#0066FF" width="20"><strong><span style="color: #ffffff;">0066FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#009900" width="20"><strong><span style="color: #000000;">009900</span></strong></td>
<td align="left" valign="top" bgcolor="#009933" width="20"><strong><span style="color: #000000;">009933</span></strong></td>
<td align="left" valign="top" bgcolor="#009966" width="20"><strong><span style="color: #000000;">009966</span></strong></td>
<td align="left" valign="top" bgcolor="#009999" width="20"><strong><span style="color: #000000;">009999</span></strong></td>
<td align="left" valign="top" bgcolor="#0099CC" width="20"><strong><span style="color: #000000;">0099CC</span></strong></td>
<td align="left" valign="top" bgcolor="#0099FF" width="20"><strong><span style="color: #000000;">0099FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#00CC00" width="20"><strong><span style="color: #000000;">00CC00</span></strong></td>
<td align="left" valign="top" bgcolor="#00CC33" width="20"><strong><span style="color: #000000;">00CC33</span></strong></td>
<td align="left" valign="top" bgcolor="#00CC66" width="20"><strong><span style="color: #000000;">00CC66</span></strong></td>
<td align="left" valign="top" bgcolor="#00CC99" width="20"><strong><span style="color: #000000;">00CC99</span></strong></td>
<td align="left" valign="top" bgcolor="#00CCCC" width="20"><strong><span style="color: #000000;">00CCCC</span></strong></td>
<td align="left" valign="top" bgcolor="#00CCFF" width="20"><strong><span style="color: #000000;">00CCFF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#00FF00" width="20"><strong><span style="color: #000000;">00FF00</span></strong></td>
<td align="left" valign="top" bgcolor="#00FF33" width="20"><strong><span style="color: #000000;">00FF33</span></strong></td>
<td align="left" valign="top" bgcolor="#00FF66" width="20"><strong><span style="color: #000000;">00FF66</span></strong></td>
<td align="left" valign="top" bgcolor="#00FF99" width="20"><strong><span style="color: #000000;">00FF99</span></strong></td>
<td align="left" valign="top" bgcolor="#00FFCC" width="20"><strong><span style="color: #000000;">00FFCC</span></strong></td>
<td align="left" valign="top" bgcolor="#00FFFF" width="20"><strong><span style="color: #000000;">00FFFF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#330000" width="20"><strong><span style="color: #ffffff;">330000</span></strong></td>
<td align="left" valign="top" bgcolor="#330033" width="20"><strong><span style="color: #ffffff;">330033</span></strong></td>
<td align="left" valign="top" bgcolor="#330066" width="20"><strong><span style="color: #ffffff;">330066</span></strong></td>
<td align="left" valign="top" bgcolor="#330099" width="20"><strong><span style="color: #ffffff;">330099</span></strong></td>
<td align="left" valign="top" bgcolor="#3300CC" width="20"><strong><span style="color: #ffffff;">3300CC</span></strong></td>
<td align="left" valign="top" bgcolor="#3300FF" width="20"><strong><span style="color: #ffffff;">3300FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#333300" width="20"><strong><span style="color: #ffffff;">333300</span></strong></td>
<td align="left" valign="top" bgcolor="#333333" width="20"><strong><span style="color: #ff0000;">333333</span></strong></td>
<td align="left" valign="top" bgcolor="#333366" width="20"><strong><span style="color: #ffffff;">333366</span></strong></td>
<td align="left" valign="top" bgcolor="#333399" width="20"><strong><span style="color: #ffffff;">333399</span></strong></td>
<td align="left" valign="top" bgcolor="#3333CC" width="20"><strong><span style="color: #ffffff;">3333CC</span></strong></td>
<td align="left" valign="top" bgcolor="#3333FF" width="20"><strong><span style="color: #ffffff;">3333FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#336600" width="20"><strong><span style="color: #ffffff;">336600</span></strong></td>
<td align="left" valign="top" bgcolor="#336633" width="20"><strong><span style="color: #ffffff;">336633</span></strong></td>
<td align="left" valign="top" bgcolor="#336666" width="20"><strong><span style="color: #ffffff;">336666</span></strong></td>
<td align="left" valign="top" bgcolor="#336699" width="20"><strong><span style="color: #ffffff;">336699</span></strong></td>
<td align="left" valign="top" bgcolor="#3366CC" width="20"><strong><span style="color: #ffffff;">3366CC</span></strong></td>
<td align="left" valign="top" bgcolor="#3366FF" width="20"><strong><span style="color: #ffffff;">3366FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#339900" width="20"><strong><span style="color: #000000;">339900</span></strong></td>
<td align="left" valign="top" bgcolor="#339933" width="20"><strong><span style="color: #000000;">339933</span></strong></td>
<td align="left" valign="top" bgcolor="#339966" width="20"><strong><span style="color: #000000;">339966</span></strong></td>
<td align="left" valign="top" bgcolor="#339999" width="20"><strong><span style="color: #000000;">339999</span></strong></td>
<td align="left" valign="top" bgcolor="#3399CC" width="20"><strong><span style="color: #000000;">3399CC</span></strong></td>
<td align="left" valign="top" bgcolor="#3399FF" width="20"><strong><span style="color: #000000;">3399FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#33CC00" width="20"><strong><span style="color: #000000;">33CC00</span></strong></td>
<td align="left" valign="top" bgcolor="#33CC33" width="20"><strong><span style="color: #000000;">33CC33</span></strong></td>
<td align="left" valign="top" bgcolor="#33CC66" width="20"><strong><span style="color: #000000;">33CC66</span></strong></td>
<td align="left" valign="top" bgcolor="#33CC99" width="20"><strong><span style="color: #000000;">33CC99</span></strong></td>
<td align="left" valign="top" bgcolor="#33CCCC" width="20"><strong><span style="color: #000000;">33CCCC</span></strong></td>
<td align="left" valign="top" bgcolor="#33CCFF" width="20"><strong><span style="color: #000000;">33CCFF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#33FF00" width="20"><strong><span style="color: #000000;">33FF00</span></strong></td>
<td align="left" valign="top" bgcolor="#33FF33" width="20"><strong><span style="color: #000000;">33FF33</span></strong></td>
<td align="left" valign="top" bgcolor="#33FF66" width="20"><strong><span style="color: #000000;">33FF66</span></strong></td>
<td align="left" valign="top" bgcolor="#33FF99" width="20"><strong><span style="color: #000000;">33FF99</span></strong></td>
<td align="left" valign="top" bgcolor="#33FFCC" width="20"><strong><span style="color: #000000;">33FFCC</span></strong></td>
<td align="left" valign="top" bgcolor="#33FFFF" width="20"><strong><span style="color: #000000;">33FFFF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#660000" width="20"><strong><span style="color: #ffffff;">660000</span></strong></td>
<td align="left" valign="top" bgcolor="#660033" width="20"><strong><span style="color: #ffffff;">660033</span></strong></td>
<td align="left" valign="top" bgcolor="#660066" width="20"><strong><span style="color: #ffffff;">660066</span></strong></td>
<td align="left" valign="top" bgcolor="#660099" width="20"><strong><span style="color: #ffffff;">660099</span></strong></td>
<td align="left" valign="top" bgcolor="#6600CC" width="20"><strong><span style="color: #ffffff;">6600CC</span></strong></td>
<td align="left" valign="top" bgcolor="#6600FF" width="20"><strong><span style="color: #ffffff;">6600FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#663300" width="20"><strong><span style="color: #ffffff;">663300</span></strong></td>
<td align="left" valign="top" bgcolor="#663333" width="20"><strong><span style="color: #ffffff;">663333</span></strong></td>
<td align="left" valign="top" bgcolor="#663366" width="20"><strong><span style="color: #ffffff;">663366</span></strong></td>
<td align="left" valign="top" bgcolor="#663399" width="20"><strong><span style="color: #ffffff;">663399</span></strong></td>
<td align="left" valign="top" bgcolor="#6633CC" width="20"><strong><span style="color: #ffffff;">6633CC</span></strong></td>
<td align="left" valign="top" bgcolor="#6633FF" width="20"><strong><span style="color: #ffffff;">6633FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#666600" width="20"><strong><span style="color: #ffffff;">666600</span></strong></td>
<td align="left" valign="top" bgcolor="#666633" width="20"><strong><span style="color: #ffffff;">666633</span></strong></td>
<td align="left" valign="top" bgcolor="#666666" width="20"><strong><span style="color: #ff0000;">666666</span></strong></td>
<td align="left" valign="top" bgcolor="#666699" width="20"><strong><span style="color: #ffffff;">666699</span></strong></td>
<td align="left" valign="top" bgcolor="#6666CC" width="20"><strong><span style="color: #ffffff;">6666CC</span></strong></td>
<td align="left" valign="top" bgcolor="#6666FF" width="20"><strong><span style="color: #ffffff;">6666FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#669900" width="20"><strong><span style="color: #000000;">669900</span></strong></td>
<td align="left" valign="top" bgcolor="#669933" width="20"><strong><span style="color: #000000;">669933</span></strong></td>
<td align="left" valign="top" bgcolor="#669966" width="20"><strong><span style="color: #000000;">669966</span></strong></td>
<td align="left" valign="top" bgcolor="#669999" width="20"><strong><span style="color: #000000;">669999</span></strong></td>
<td align="left" valign="top" bgcolor="#6699CC" width="20"><strong><span style="color: #000000;">6699CC</span></strong></td>
<td align="left" valign="top" bgcolor="#6699FF" width="20"><strong><span style="color: #000000;">6699FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#66CC00" width="20"><strong><span style="color: #000000;">66CC00</span></strong></td>
<td align="left" valign="top" bgcolor="#66CC33" width="20"><strong><span style="color: #000000;">66CC33</span></strong></td>
<td align="left" valign="top" bgcolor="#66CC66" width="20"><strong><span style="color: #000000;">66CC66</span></strong></td>
<td align="left" valign="top" bgcolor="#66CC99" width="20"><strong><span style="color: #000000;">66CC99</span></strong></td>
<td align="left" valign="top" bgcolor="#66CCCC" width="20"><strong><span style="color: #000000;">66CCCC</span></strong></td>
<td align="left" valign="top" bgcolor="#66CCFF" width="20"><strong><span style="color: #000000;">66CCFF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#66FF00" width="20"><strong><span style="color: #000000;">66FF00</span></strong></td>
<td align="left" valign="top" bgcolor="#66FF33" width="20"><strong><span style="color: #000000;">66FF33</span></strong></td>
<td align="left" valign="top" bgcolor="#66FF66" width="20"><strong><span style="color: #000000;">66FF66</span></strong></td>
<td align="left" valign="top" bgcolor="#66FF99" width="20"><strong><span style="color: #000000;">66FF99</span></strong></td>
<td align="left" valign="top" bgcolor="#66FFCC" width="20"><strong><span style="color: #000000;">66FFCC</span></strong></td>
<td align="left" valign="top" bgcolor="#66FFFF" width="20"><strong><span style="color: #000000;">66FFFF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#990000" width="20"><strong><span style="color: #ffffff;">990000</span></strong></td>
<td align="left" valign="top" bgcolor="#990033" width="20"><strong><span style="color: #ffffff;">990033</span></strong></td>
<td align="left" valign="top" bgcolor="#990066" width="20"><strong><span style="color: #ffffff;">990066</span></strong></td>
<td align="left" valign="top" bgcolor="#990099" width="20"><strong><span style="color: #ffffff;">990099</span></strong></td>
<td align="left" valign="top" bgcolor="#9900CC" width="20"><strong><span style="color: #ffffff;">9900CC</span></strong></td>
<td align="left" valign="top" bgcolor="#9900FF" width="20"><strong><span style="color: #ffffff;">9900FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#993300" width="20"><strong><span style="color: #ffffff;">993300</span></strong></td>
<td align="left" valign="top" bgcolor="#993333" width="20"><strong><span style="color: #ffffff;">993333</span></strong></td>
<td align="left" valign="top" bgcolor="#993366" width="20"><strong><span style="color: #ffffff;">993366</span></strong></td>
<td align="left" valign="top" bgcolor="#993399" width="20"><strong><span style="color: #ffffff;">993399</span></strong></td>
<td align="left" valign="top" bgcolor="#9933CC" width="20"><strong><span style="color: #ffffff;">9933CC</span></strong></td>
<td align="left" valign="top" bgcolor="#9933FF" width="20"><strong><span style="color: #ffffff;">9933FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#996600" width="20"><strong><span style="color: #ffffff;">996600</span></strong></td>
<td align="left" valign="top" bgcolor="#996633" width="20"><strong><span style="color: #ffffff;">996633</span></strong></td>
<td align="left" valign="top" bgcolor="#996666" width="20"><strong><span style="color: #ffffff;">996666</span></strong></td>
<td align="left" valign="top" bgcolor="#996699" width="20"><strong><span style="color: #ffffff;">996699</span></strong></td>
<td align="left" valign="top" bgcolor="#9966CC" width="20"><strong><span style="color: #ffffff;">9966CC</span></strong></td>
<td align="left" valign="top" bgcolor="#9966FF" width="20"><strong><span style="color: #ffffff;">9966FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#999900" width="20"><strong><span style="color: #000000;">999900</span></strong></td>
<td align="left" valign="top" bgcolor="#999933" width="20"><strong><span style="color: #000000;">999933</span></strong></td>
<td align="left" valign="top" bgcolor="#999966" width="20"><strong><span style="color: #000000;">999966</span></strong></td>
<td align="left" valign="top" bgcolor="#999999" width="20"><strong><span style="color: #ff0000;">999999</span></strong></td>
<td align="left" valign="top" bgcolor="#9999CC" width="20"><strong><span style="color: #000000;">9999CC</span></strong></td>
<td align="left" valign="top" bgcolor="#9999FF" width="20"><strong><span style="color: #000000;">9999FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#99CC00" width="20"><strong><span style="color: #000000;">99CC00</span></strong></td>
<td align="left" valign="top" bgcolor="#99CC33" width="20"><strong><span style="color: #000000;">99CC33</span></strong></td>
<td align="left" valign="top" bgcolor="#99CC66" width="20"><strong><span style="color: #000000;">99CC66</span></strong></td>
<td align="left" valign="top" bgcolor="#99CC99" width="20"><strong><span style="color: #000000;">99CC99</span></strong></td>
<td align="left" valign="top" bgcolor="#99CCCC" width="20"><strong><span style="color: #000000;">99CCCC</span></strong></td>
<td align="left" valign="top" bgcolor="#99CCFF" width="20"><strong><span style="color: #000000;">99CCFF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#99FF00" width="20"><strong><span style="color: #000000;">99FF00</span></strong></td>
<td align="left" valign="top" bgcolor="#99FF33" width="20"><strong><span style="color: #000000;">99FF33</span></strong></td>
<td align="left" valign="top" bgcolor="#99FF66" width="20"><strong><span style="color: #000000;">99FF66</span></strong></td>
<td align="left" valign="top" bgcolor="#99FF99" width="20"><strong><span style="color: #000000;">99FF99</span></strong></td>
<td align="left" valign="top" bgcolor="#99FFCC" width="20"><strong><span style="color: #000000;">99FFCC</span></strong></td>
<td align="left" valign="top" bgcolor="#99FFFF" width="20"><strong><span style="color: #000000;">99FFFF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#CC0000" width="20"><strong><span style="color: #ffffff;">CC0000</span></strong></td>
<td align="left" valign="top" bgcolor="#CC0033" width="20"><strong><span style="color: #ffffff;">CC0033</span></strong></td>
<td align="left" valign="top" bgcolor="#CC0066" width="20"><strong><span style="color: #ffffff;">CC0066</span></strong></td>
<td align="left" valign="top" bgcolor="#CC0099" width="20"><strong><span style="color: #ffffff;">CC0099</span></strong></td>
<td align="left" valign="top" bgcolor="#CC00CC" width="20"><strong><span style="color: #ffffff;">CC00CC</span></strong></td>
<td align="left" valign="top" bgcolor="#CC00FF" width="20"><strong><span style="color: #ffffff;">CC00FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#CC3300" width="20"><strong><span style="color: #ffffff;">CC3300</span></strong></td>
<td align="left" valign="top" bgcolor="#CC3333" width="20"><strong><span style="color: #ffffff;">CC3333</span></strong></td>
<td align="left" valign="top" bgcolor="#CC3366" width="20"><strong><span style="color: #ffffff;">CC3366</span></strong></td>
<td align="left" valign="top" bgcolor="#CC3399" width="20"><strong><span style="color: #ffffff;">CC3399</span></strong></td>
<td align="left" valign="top" bgcolor="#CC33CC" width="20"><strong><span style="color: #ffffff;">CC33CC</span></strong></td>
<td align="left" valign="top" bgcolor="#CC33FF" width="20"><strong><span style="color: #ffffff;">CC33FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#CC6600" width="20"><strong><span style="color: #ffffff;">CC6600</span></strong></td>
<td align="left" valign="top" bgcolor="#CC6633" width="20"><strong><span style="color: #ffffff;">CC6633</span></strong></td>
<td align="left" valign="top" bgcolor="#CC6666" width="20"><strong><span style="color: #ffffff;">CC6666</span></strong></td>
<td align="left" valign="top" bgcolor="#CC6699" width="20"><strong><span style="color: #ffffff;">CC6699</span></strong></td>
<td align="left" valign="top" bgcolor="#CC66CC" width="20"><strong><span style="color: #ffffff;">CC66CC</span></strong></td>
<td align="left" valign="top" bgcolor="#CC66FF" width="20"><strong><span style="color: #ffffff;">CC66FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#CC9900" width="20"><strong><span style="color: #000000;">CC9900</span></strong></td>
<td align="left" valign="top" bgcolor="#CC9933" width="20"><strong><span style="color: #000000;">CC9933</span></strong></td>
<td align="left" valign="top" bgcolor="#CC9966" width="20"><strong><span style="color: #000000;">CC9966</span></strong></td>
<td align="left" valign="top" bgcolor="#CC9999" width="20"><strong><span style="color: #000000;">CC9999</span></strong></td>
<td align="left" valign="top" bgcolor="#CC99CC" width="20"><strong><span style="color: #000000;">CC99CC</span></strong></td>
<td align="left" valign="top" bgcolor="#CC99FF" width="20"><strong><span style="color: #000000;">CC99FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#CCCC00" width="20"><strong><span style="color: #000000;">CCCC00</span></strong></td>
<td align="left" valign="top" bgcolor="#CCCC33" width="20"><strong><span style="color: #000000;">CCCC33</span></strong></td>
<td align="left" valign="top" bgcolor="#CCCC66" width="20"><strong><span style="color: #000000;">CCCC66</span></strong></td>
<td align="left" valign="top" bgcolor="#CCCC99" width="20"><strong><span style="color: #000000;">CCCC99</span></strong></td>
<td align="left" valign="top" bgcolor="#CCCCCC" width="20"><strong><span style="color: #ff0000;">CCCCCC</span></strong></td>
<td align="left" valign="top" bgcolor="#CCCCFF" width="20"><strong><span style="color: #000000;">CCCCFF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#CCFF00" width="20"><strong><span style="color: #000000;">CCFF00</span></strong></td>
<td align="left" valign="top" bgcolor="#CCFF33" width="20"><strong><span style="color: #000000;">CCFF33</span></strong></td>
<td align="left" valign="top" bgcolor="#CCFF66" width="20"><strong><span style="color: #000000;">CCFF66</span></strong></td>
<td align="left" valign="top" bgcolor="#CCFF99" width="20"><strong><span style="color: #000000;">CCFF99</span></strong></td>
<td align="left" valign="top" bgcolor="#CCFFCC" width="20"><strong><span style="color: #000000;">CCFFCC</span></strong></td>
<td align="left" valign="top" bgcolor="#CCFFFF" width="20"><strong><span style="color: #000000;">CCFFFF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#FF0000" width="20"><strong><span style="color: #ffffff;">FF0000</span></strong></td>
<td align="left" valign="top" bgcolor="#FF0033" width="20"><strong><span style="color: #ffffff;">FF0033</span></strong></td>
<td align="left" valign="top" bgcolor="#FF0066" width="20"><strong><span style="color: #ffffff;">FF0066</span></strong></td>
<td align="left" valign="top" bgcolor="#FF0099" width="20"><strong><span style="color: #ffffff;">FF0099</span></strong></td>
<td align="left" valign="top" bgcolor="#FF00CC" width="20"><strong><span style="color: #ffffff;">FF00CC</span></strong></td>
<td align="left" valign="top" bgcolor="#FF00FF" width="20"><strong><span style="color: #ffffff;">FF00FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#FF3300" width="20"><strong><span style="color: #ffffff;">FF3300</span></strong></td>
<td align="left" valign="top" bgcolor="#FF3333" width="20"><strong><span style="color: #ffffff;">FF3333</span></strong></td>
<td align="left" valign="top" bgcolor="#FF3366" width="20"><strong><span style="color: #ffffff;">FF3366</span></strong></td>
<td align="left" valign="top" bgcolor="#FF3399" width="20"><strong><span style="color: #ffffff;">FF3399</span></strong></td>
<td align="left" valign="top" bgcolor="#FF33CC" width="20"><strong><span style="color: #ffffff;">FF33CC</span></strong></td>
<td align="left" valign="top" bgcolor="#FF33FF" width="20"><strong><span style="color: #ffffff;">FF33FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#FF6600" width="20"><strong><span style="color: #ffffff;">FF6600</span></strong></td>
<td align="left" valign="top" bgcolor="#FF6633" width="20"><strong><span style="color: #ffffff;">FF6633</span></strong></td>
<td align="left" valign="top" bgcolor="#FF6666" width="20"><strong><span style="color: #ffffff;">FF6666</span></strong></td>
<td align="left" valign="top" bgcolor="#FF6699" width="20"><strong><span style="color: #ffffff;">FF6699</span></strong></td>
<td align="left" valign="top" bgcolor="#FF66CC" width="20"><strong><span style="color: #ffffff;">FF66CC</span></strong></td>
<td align="left" valign="top" bgcolor="#FF66FF" width="20"><strong><span style="color: #ffffff;">FF66FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#FF9900" width="20"><strong><span style="color: #000000;">FF9900</span></strong></td>
<td align="left" valign="top" bgcolor="#FF9933" width="20"><strong><span style="color: #000000;">FF9933</span></strong></td>
<td align="left" valign="top" bgcolor="#FF9966" width="20"><strong><span style="color: #000000;">FF9966</span></strong></td>
<td align="left" valign="top" bgcolor="#FF9999" width="20"><strong><span style="color: #000000;">FF9999</span></strong></td>
<td align="left" valign="top" bgcolor="#FF99CC" width="20"><strong><span style="color: #000000;">FF99CC</span></strong></td>
<td align="left" valign="top" bgcolor="#FF99FF" width="20"><strong><span style="color: #000000;">FF99FF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#FFCC00" width="20"><strong><span style="color: #000000;">FFCC00</span></strong></td>
<td align="left" valign="top" bgcolor="#FFCC33" width="20"><strong><span style="color: #000000;">FFCC33</span></strong></td>
<td align="left" valign="top" bgcolor="#FFCC66" width="20"><strong><span style="color: #000000;">FFCC66</span></strong></td>
<td align="left" valign="top" bgcolor="#FFCC99" width="20"><strong><span style="color: #000000;">FFCC99</span></strong></td>
<td align="left" valign="top" bgcolor="#FFCCCC" width="20"><strong><span style="color: #000000;">FFCCCC</span></strong></td>
<td align="left" valign="top" bgcolor="#FFCCFF" width="20"><strong><span style="color: #000000;">FFCCFF</span></strong></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#FFFF00" width="20"><strong><span style="color: #000000;">FFFF00</span></strong></td>
<td align="left" valign="top" bgcolor="#FFFF33" width="20"><strong><span style="color: #000000;">FFFF33</span></strong></td>
<td align="left" valign="top" bgcolor="#FFFF66" width="20"><strong><span style="color: #000000;">FFFF66</span></strong></td>
<td align="left" valign="top" bgcolor="#FFFF99" width="20"><strong><span style="color: #000000;">FFFF99</span></strong></td>
<td align="left" valign="top" bgcolor="#FFFFCC" width="20"><strong><span style="color: #000000;">FFFFCC</span></strong></td>
<td align="left" valign="top" bgcolor="#FFFFFF" width="20"><strong><span style="color: #ff0000;">FFFFFF</span></strong></td>
</tr>
</tbody>
</table>
<span style="color: #ffffff;">
</span>
<table width="100%" border="0" bgcolor="#333333">
<tbody>
<tr>
<td style="text-align: center;" colspan="7" align="left" valign="top" bgcolor="#333333"><span style="color: #ffffff;"><strong>Warna Sekunder</strong></span></td>
</tr>
<tr>
<td bgcolor="#FF4848" width="80"><strong>FF4848</strong></td>
<td bgcolor="#FF68DD" width="80"><strong>FF68DD</strong></td>
<td bgcolor="#FF62B0" width="80"><strong>FF62B0</strong></td>
<td bgcolor="#FE67EB" width="80"><strong>FE67EB</strong></td>
<td bgcolor="#E469FE" width="80"><strong>E469FE</strong></td>
<td bgcolor="#D568FD" width="80">
<div class="white"><strong>D568FD</strong></div></td>
<td bgcolor="#9669FE" width="80">
<div class="white"><strong>9669FE</strong></div></td>
</tr>
<tr>
<td bgcolor="#FF7575" width="80"><strong>FF7575</strong></td>
<td bgcolor="#FF79E1" width="80"><strong>FF79E1</strong></td>
<td bgcolor="#FF73B9" width="80"><strong>FF73B9</strong></td>
<td bgcolor="#FE67EB" width="80"><strong>FE67EB</strong></td>
<td bgcolor="#E77AFE" width="80"><strong>E77AFE</strong></td>
<td bgcolor="#D97BFD" width="80">
<div class="white"><strong>D97BFD</strong></div></td>
<td bgcolor="#A27AFE" width="80">
<div class="white"><strong>A27AFE</strong></div></td>
</tr>
<tr>
<td bgcolor="#FF8A8A" width="80"><strong>FF8A8A</strong></td>
<td bgcolor="#FF86E3" width="80"><strong>FF86E3</strong></td>
<td bgcolor="#FF86C2" width="80"><strong>FF86C2</strong></td>
<td bgcolor="#FE8BF0" width="80"><strong>FE8BF0</strong></td>
<td bgcolor="#EA8DFE" width="80"><strong>EA8DFE</strong></td>
<td bgcolor="#DD88FD" width="80"><strong>DD88FD</strong></td>
<td bgcolor="#AD8BFE" width="80"><strong>AD8BFE</strong></td>
</tr>
<tr>
<td bgcolor="#FF9797" width="80"><strong>FF9797</strong></td>
<td bgcolor="#FF97E8" width="80"><strong>FF97E8</strong></td>
<td bgcolor="#FF97CB" width="80"><strong>FF97CB</strong></td>
<td bgcolor="#FE98F1" width="80"><strong>FE98F1</strong></td>
<td bgcolor="#ED9EFE" width="80"><strong>ED9EFE</strong></td>
<td bgcolor="#E29BFD" width="80"><strong>E29BFD</strong></td>
<td bgcolor="#B89AFE" width="80"><strong>B89AFE</strong></td>
</tr>
<tr>
<td bgcolor="#FFA8A8" width="80"><strong>FFA8A8</strong></td>
<td bgcolor="#FFACEC" width="80"><strong>FFACEC</strong></td>
<td bgcolor="#FFA8D3" width="80"><strong>FFA8D3</strong></td>
<td bgcolor="#FEA9F3" width="80"><strong>FEA9F3</strong></td>
<td bgcolor="#EFA9FE" width="80"><strong>EFA9FE</strong></td>
<td bgcolor="#E7A9FE" width="80"><strong>E7A9FE</strong></td>
<td bgcolor="#C4ABFE" width="80"><strong>C4ABFE</strong></td>
</tr>
<tr>
<td bgcolor="#FFBBBB" width="80"><strong>FFBBBB</strong></td>
<td bgcolor="#FFACEC" width="80"><strong>FFACEC</strong></td>
<td bgcolor="#FFBBDD" width="80"><strong>FFBBDD</strong></td>
<td bgcolor="#FFBBF7" width="80"><strong>FFBBF7</strong></td>
<td bgcolor="#F2BCFE" width="80"><strong>F2BCFE</strong></td>
<td bgcolor="#EDBEFE" width="80"><strong>EDBEFE</strong></td>
<td bgcolor="#D0BCFE" width="80"><strong>D0BCFE</strong></td>
</tr>
<tr>
<td bgcolor="#FFCECE" width="80"><strong>FFCECE</strong></td>
<td bgcolor="#FFC8F2" width="80"><strong>FFC8F2</strong></td>
<td bgcolor="#FFC8E3" width="80"><strong>FFC8E3</strong></td>
<td bgcolor="#FFCAF9" width="80"><strong>FFCAF9</strong></td>
<td bgcolor="#F5CAFF" width="80"><strong>F5CAFF</strong></td>
<td bgcolor="#F0CBFE" width="80"><strong>F0CBFE</strong></td>
<td bgcolor="#DDCEFF" width="80"><strong>DDCEFF</strong></td>
</tr>
<tr>
<td bgcolor="#FFDFDF" width="80"><strong>FFDFDF</strong></td>
<td bgcolor="#FFDFF8" width="80"><strong>FFDFF8</strong></td>
<td bgcolor="#FFDFEF" width="80"><strong>FFDFEF</strong></td>
<td bgcolor="#FFDBFB" width="80"><strong>FFDBFB</strong></td>
<td bgcolor="#F9D9FF" width="80"><strong>F9D9FF</strong></td>
<td bgcolor="#F4DCFE" width="80"><strong>F4DCFE</strong></td>
<td bgcolor="#E6DBFF" width="80"><strong>E6DBFF</strong></td>
</tr>
<tr>
<td bgcolor="#FFECEC" width="80"><strong>FFECEC</strong></td>
<td bgcolor="#FFEEFB" width="80"><strong>FFEEFB</strong></td>
<td bgcolor="#FFECF5" width="80"><strong>FFECF5</strong></td>
<td bgcolor="#FFEEFD" width="80"><strong>FFEEFD</strong></td>
<td bgcolor="#FDF2FF" width="80"><strong>FDF2FF</strong></td>
<td bgcolor="#FAECFF" width="80"><strong>FAECFF</strong></td>
<td bgcolor="#F1ECFF" width="80"><strong>F1ECFF</strong></td>
</tr>
<tr>
<td bgcolor="#FFF2F2" width="80"><strong>FFF2F2</strong></td>
<td bgcolor="#FFFEFB" width="80"><strong>FFFEFB</strong></td>
<td bgcolor="#FFF9FC" width="80"><strong>FFF9FC</strong></td>
<td bgcolor="#FFF9FE" width="80"><strong>FFF9FE</strong></td>
<td bgcolor="#FFFDFF" width="80"><strong>FFFDFF</strong></td>
<td bgcolor="#FDF9FF" width="80"><strong>FDF9FF</strong></td>
<td bgcolor="#FBF9FF" width="80"><strong>FBF9FF</strong></td>
</tr>
<tr>
<td bgcolor="#800080" width="80">
<div class="white"><strong>800080</strong></div></td>
<td bgcolor="#872187" width="80">
<div class="white"><strong>872187</strong></div></td>
<td bgcolor="#9A03FE" width="80">
<div class="white"><strong>9A03FE</strong></div></td>
<td bgcolor="#892EE4" width="80">
<div class="white"><strong>892EE4</strong></div></td>
<td bgcolor="#3923D6" width="80">
<div class="white"><strong>3923D6</strong></div></td>
<td bgcolor="#2966B8" width="80">
<div class="white"><strong>2966B8</strong></div></td>
<td bgcolor="#23819C" width="80">
<div class="white"><strong>23819C</strong></div></td>
</tr>
<tr>
<td bgcolor="#BF00BF" width="80">
<div class="white"><strong>BF00BF</strong></div></td>
<td bgcolor="#BC2EBC" width="80">
<div class="white"><strong>BC2EBC</strong></div></td>
<td bgcolor="#A827FE" width="80">
<div class="white"><strong>A827FE</strong></div></td>
<td bgcolor="#9B4EE9" width="80">
<div class="white"><strong>9B4EE9</strong></div></td>
<td bgcolor="#6755E3" width="80">
<div class="white"><strong>6755E3</strong></div></td>
<td bgcolor="#2F74D0" width="80">
<div class="white"><strong>2F74D0</strong></div></td>
<td bgcolor="#2897B7" width="80">
<div class="white"><strong>2897B7</strong></div></td>
</tr>
<tr>
<td bgcolor="#DB00DB" width="80">
<div class="white"><strong>DB00DB</strong></div></td>
<td bgcolor="#D54FD5" width="80">
<div class="white"><strong>D54FD5</strong></div></td>
<td bgcolor="#B445FE" width="80">
<div class="white"><strong>B445FE</strong></div></td>
<td bgcolor="#A55FEB" width="80">
<div class="white"><strong>A55FEB</strong></div></td>
<td bgcolor="#8678E9" width="80">
<div class="white"><strong>8678E9</strong></div></td>
<td bgcolor="#4985D6" width="80">
<div class="white"><strong>4985D6</strong></div></td>
<td bgcolor="#2FAACE" width="80">
<div class="white"><strong>2FAACE</strong></div></td>
</tr>
<tr>
<td bgcolor="#F900F9" width="80">
<div class="white"><strong>F900F9</strong></div></td>
<td bgcolor="#DD75DD" width="80">
<div class="white"><strong>DD75DD</strong></div></td>
<td bgcolor="#BD5CFE" width="80">
<div class="white"><strong>BD5CFE</strong></div></td>
<td bgcolor="#AE70ED" width="80">
<div class="white"><strong>AE70ED</strong></div></td>
<td bgcolor="#9588EC" width="80">
<div class="white"><strong>9588EC</strong></div></td>
<td bgcolor="#6094DB" width="80">
<div class="white"><strong>6094DB</strong></div></td>
<td bgcolor="#44B4D5" width="80">
<div class="white"><strong>44B4D5</strong></div></td>
</tr>
<tr>
<td bgcolor="#FF4AFF" width="80"><strong>FF4AFF</strong></td>
<td bgcolor="#DD75DD" width="80"><strong>DD75DD</strong></td>
<td bgcolor="#C269FE" width="80"><strong>C269FE</strong></td>
<td bgcolor="#AE70ED" width="80">
<div class="white"><strong>AE70ED</strong></div></td>
<td bgcolor="#A095EE" width="80"><strong>A095EE</strong></td>
<td bgcolor="#7BA7E1" width="80"><strong>7BA7E1</strong></td>
<td bgcolor="#57BCD9" width="80"><strong>57BCD9</strong></td>
</tr>
<tr>
<td bgcolor="#FF86FF" width="80"><strong>FF86FF</strong></td>
<td bgcolor="#E697E6" width="80"><strong>E697E6</strong></td>
<td bgcolor="#CD85FE" width="80"><strong>CD85FE</strong></td>
<td bgcolor="#C79BF2" width="80"><strong>C79BF2</strong></td>
<td bgcolor="#B0A7F1" width="80"><strong>B0A7F1</strong></td>
<td bgcolor="#8EB4E6" width="80"><strong>8EB4E6</strong></td>
<td bgcolor="#7BCAE1" width="80"><strong>7BCAE1</strong></td>
</tr>
<tr>
<td bgcolor="#FFA4FF" width="80"><strong>FFA4FF</strong></td>
<td bgcolor="#EAA6EA" width="80"><strong>EAA6EA</strong></td>
<td bgcolor="#D698FE" width="80"><strong>D698FE</strong></td>
<td bgcolor="#CEA8F4" width="80"><strong>CEA8F4</strong></td>
<td bgcolor="#BCB4F3" width="80"><strong>BCB4F3</strong></td>
<td bgcolor="#A9C5EB" width="80"><strong>A9C5EB</strong></td>
<td bgcolor="#8CD1E6" width="80"><strong>8CD1E6</strong></td>
</tr>
<tr>
<td bgcolor="#FFBBFF" width="80"><strong>FFBBFF</strong></td>
<td bgcolor="#EEBBEE" width="80"><strong>EEBBEE</strong></td>
<td bgcolor="#DFB0FF" width="80"><strong>DFB0FF</strong></td>
<td bgcolor="#DBBFF7" width="80"><strong>DBBFF7</strong></td>
<td bgcolor="#CBC5F5" width="80"><strong>CBC5F5</strong></td>
<td bgcolor="#BAD0EF" width="80"><strong>BAD0EF</strong></td>
<td bgcolor="#A5DBEB" width="80"><strong>A5DBEB</strong></td>
</tr>
<tr>
<td bgcolor="#FFCEFF" width="80"><strong>FFCEFF</strong></td>
<td bgcolor="#F0C4F0" width="80"><strong>F0C4F0</strong></td>
<td bgcolor="#E8C6FF" width="80"><strong>E8C6FF</strong></td>
<td bgcolor="#E1CAF9" width="80"><strong>E1CAF9</strong></td>
<td bgcolor="#D7D1F8" width="80"><strong>D7D1F8</strong></td>
<td bgcolor="#CEDEF4" width="80"><strong>CEDEF4</strong></td>
<td bgcolor="#B8E2EF" width="80"><strong>B8E2EF</strong></td>
</tr>
<tr>
<td bgcolor="#FFDFFF" width="80"><strong>FFDFFF</strong></td>
<td bgcolor="#F4D2F4" width="80"><strong>F4D2F4</strong></td>
<td bgcolor="#EFD7FF" width="80"><strong>EFD7FF</strong></td>
<td bgcolor="#EDDFFB" width="80"><strong>EDDFFB</strong></td>
<td bgcolor="#E3E0FA" width="80"><strong>E3E0FA</strong></td>
<td bgcolor="#E0EAF8" width="80"><strong>E0EAF8</strong></td>
<td bgcolor="#C9EAF3" width="80"><strong>C9EAF3</strong></td>
</tr>
<tr>
<td bgcolor="#FFECFF" width="80"><strong>FFECFF</strong></td>
<td bgcolor="#F4D2F4" width="80"><strong>F4D2F4</strong></td>
<td bgcolor="#F9EEFF" width="80"><strong>F9EEFF</strong></td>
<td bgcolor="#F5EEFD" width="80"><strong>F5EEFD</strong></td>
<td bgcolor="#EFEDFC" width="80"><strong>EFEDFC</strong></td>
<td bgcolor="#EAF1FB" width="80"><strong>EAF1FB</strong></td>
<td bgcolor="#DBF0F7" width="80"><strong>DBF0F7</strong></td>
</tr>
<tr>
<td bgcolor="#FFF9FF" width="80"><strong>FFF9FF</strong></td>
<td bgcolor="#FDF9FD" width="80"><strong>FDF9FD</strong></td>
<td bgcolor="#FEFDFF" width="80"><strong>FEFDFF</strong></td>
<td bgcolor="#FEFDFF" width="80"><strong>FEFDFF</strong></td>
<td bgcolor="#F7F5FE" width="80"><strong>F7F5FE</strong></td>
<td bgcolor="#F8FBFE" width="80"><strong>F8FBFE</strong></td>
<td bgcolor="#EAF7FB" width="80"><strong>EAF7FB</strong></td>
</tr>
<tr>
<td bgcolor="#5757FF" width="80">
<div class="white"><strong>5757FF</strong></div></td>
<td bgcolor="#62A9FF" width="80">
<div class="white"><strong>62A9FF</strong></div></td>
<td bgcolor="#62D0FF" width="80"><strong>62D0FF</strong></td>
<td bgcolor="#06DCFB" width="80"><strong>06DCFB</strong></td>
<td bgcolor="#01FCEF" width="80"><strong>01FCEF</strong></td>
<td bgcolor="#03EBA6" width="80"><strong>03EBA6</strong></td>
<td bgcolor="#01F33E" width="80"><strong>01F33E</strong></td>
</tr>
<tr>
<td bgcolor="#6A6AFF" width="80">
<div class="white"><strong>6A6AFF</strong></div></td>
<td bgcolor="#75B4FF" width="80">
<div class="white"><strong>75B4FF</strong></div></td>
<td bgcolor="#75D6FF" width="80"><strong>75D6FF</strong></td>
<td bgcolor="#24E0FB" width="80"><strong>24E0FB</strong></td>
<td bgcolor="#1FFEF3" width="80"><strong>1FFEF3</strong></td>
<td bgcolor="#03F3AB" width="80"><strong>03F3AB</strong></td>
<td bgcolor="#0AFE47" width="80"><strong>0AFE47</strong></td>
</tr>
<tr>
<td bgcolor="#7979FF" width="80">
<div class="white"><strong>7979FF</strong></div></td>
<td bgcolor="#86BCFF" width="80"><strong>86BCFF</strong></td>
<td bgcolor="#8ADCFF" width="80"><strong>8ADCFF</strong></td>
<td bgcolor="#3DE4FC" width="80"><strong>3DE4FC</strong></td>
<td bgcolor="#5FFEF7" width="80"><strong>5FFEF7</strong></td>
<td bgcolor="#33FDC0" width="80"><strong>33FDC0</strong></td>
<td bgcolor="#4BFE78" width="80"><strong>4BFE78</strong></td>
</tr>
<tr>
<td bgcolor="#8C8CFF" width="80"><strong>8C8CFF</strong></td>
<td bgcolor="#99C7FF" width="80"><strong>99C7FF</strong></td>
<td bgcolor="#99E0FF" width="80"><strong>99E0FF</strong></td>
<td bgcolor="#63E9FC" width="80"><strong>63E9FC</strong></td>
<td bgcolor="#74FEF8" width="80"><strong>74FEF8</strong></td>
<td bgcolor="#62FDCE" width="80"><strong>62FDCE</strong></td>
<td bgcolor="#72FE95" width="80"><strong>72FE95</strong></td>
</tr>
<tr>
<td bgcolor="#9999FF" width="80"><strong>9999FF</strong></td>
<td bgcolor="#99C7FF" width="80"><strong>99C7FF</strong></td>
<td bgcolor="#A8E4FF" width="80"><strong>A8E4FF</strong></td>
<td bgcolor="#75ECFD" width="80"><strong>75ECFD</strong></td>
<td bgcolor="#92FEF9" width="80"><strong>92FEF9</strong></td>
<td bgcolor="#7DFDD7" width="80"><strong>7DFDD7</strong></td>
<td bgcolor="#8BFEA8" width="80"><strong>8BFEA8</strong></td>
</tr>
<tr>
<td bgcolor="#AAAAFF" width="80"><strong>AAAAFF</strong></td>
<td bgcolor="#A8CFFF" width="80"><strong>A8CFFF</strong></td>
<td bgcolor="#BBEBFF" width="80"><strong>BBEBFF</strong></td>
<td bgcolor="#8CEFFD" width="80"><strong>8CEFFD</strong></td>
<td bgcolor="#A5FEFA" width="80"><strong>A5FEFA</strong></td>
<td bgcolor="#8FFEDD" width="80"><strong>8FFEDD</strong></td>
<td bgcolor="#A3FEBA" width="80"><strong>A3FEBA</strong></td>
</tr>
<tr>
<td bgcolor="#BBBBFF" width="80"><strong>BBBBFF</strong></td>
<td bgcolor="#BBDAFF" width="80"><strong>BBDAFF</strong></td>
<td bgcolor="#CEF0FF" width="80"><strong>CEF0FF</strong></td>
<td bgcolor="#ACF3FD" width="80"><strong>ACF3FD</strong></td>
<td bgcolor="#B5FFFC" width="80"><strong>B5FFFC</strong></td>
<td bgcolor="#A5FEE3" width="80"><strong>A5FEE3</strong></td>
<td bgcolor="#B5FFC8" width="80"><strong>B5FFC8</strong></td>
</tr>
<tr>
<td bgcolor="#CACAFF" width="80"><strong>CACAFF</strong></td>
<td bgcolor="#D0E6FF" width="80"><strong>D0E6FF</strong></td>
<td bgcolor="#D9F3FF" width="80"><strong>D9F3FF</strong></td>
<td bgcolor="#C0F7FE" width="80"><strong>C0F7FE</strong></td>
<td bgcolor="#CEFFFD" width="80"><strong>CEFFFD</strong></td>
<td bgcolor="#BEFEEB" width="80"><strong>BEFEEB</strong></td>
<td bgcolor="#CAFFD8" width="80"><strong>CAFFD8</strong></td>
</tr>
<tr>
<td bgcolor="#E1E1FF" width="80"><strong>E1E1FF</strong></td>
<td bgcolor="#DBEBFF" width="80"><strong>DBEBFF</strong></td>
<td bgcolor="#ECFAFF" width="80"><strong>ECFAFF</strong></td>
<td bgcolor="#C0F7FE" width="80"><strong>C0F7FE</strong></td>
<td bgcolor="#E1FFFE" width="80"><strong>E1FFFE</strong></td>
<td bgcolor="#BDFFEA" width="80"><strong>BDFFEA</strong></td>
<td bgcolor="#EAFFEF" width="80"><strong>EAFFEF</strong></td>
</tr>
<tr>
<td bgcolor="#EEEEFF" width="80"><strong>EEEEFF</strong></td>
<td bgcolor="#ECF4FF" width="80"><strong>ECF4FF</strong></td>
<td bgcolor="#F9FDFF" width="80"><strong>F9FDFF</strong></td>
<td bgcolor="#E6FCFF" width="80"><strong>E6FCFF</strong></td>
<td bgcolor="#F2FFFE" width="80"><strong>F2FFFE</strong></td>
<td bgcolor="#CFFEF0" width="80"><strong>CFFEF0</strong></td>
<td bgcolor="#EAFFEF" width="80"><strong>EAFFEF</strong></td>
</tr>
<tr>
<td bgcolor="#F9F9FF" width="80"><strong>F9F9FF</strong></td>
<td bgcolor="#F9FCFF" width="80"><strong>F9FCFF</strong></td>
<td bgcolor="#FDFEFF" width="80"><strong>FDFEFF</strong></td>
<td bgcolor="#F9FEFF" width="80"><strong>F9FEFF</strong></td>
<td bgcolor="#FDFFFF" width="80"><strong>FDFFFF</strong></td>
<td bgcolor="#F7FFFD" width="80"><strong>F7FFFD</strong></td>
<td bgcolor="#F9FFFB" width="80"><strong>F9FFFB</strong></td>
</tr>
<tr>
<td bgcolor="#1FCB4A" width="80"><strong>1FCB4A</strong></td>
<td bgcolor="#59955C" width="80"><strong>59955C</strong></td>
<td bgcolor="#48FB0D" width="80"><strong>48FB0D</strong></td>
<td bgcolor="#2DC800" width="80"><strong>2DC800</strong></td>
<td bgcolor="#59DF00" width="80"><strong>59DF00</strong></td>
<td bgcolor="#9D9D00" width="80"><strong>9D9D00</strong></td>
<td bgcolor="#B6BA18" width="80"><strong>B6BA18</strong></td>
</tr>
<tr>
<td bgcolor="#27DE55" width="80"><strong>27DE55</strong></td>
<td bgcolor="#6CA870" width="80"><strong>6CA870</strong></td>
<td bgcolor="#79FC4E" width="80"><strong>79FC4E</strong></td>
<td bgcolor="#32DF00" width="80"><strong>32DF00</strong></td>
<td bgcolor="#61F200" width="80"><strong>61F200</strong></td>
<td bgcolor="#C8C800" width="80"><strong>C8C800</strong></td>
<td bgcolor="#CDD11B" width="80"><strong>CDD11B</strong></td>
</tr>
<tr>
<td bgcolor="#4AE371" width="80"><strong>4AE371</strong></td>
<td bgcolor="#80B584" width="80"><strong>80B584</strong></td>
<td bgcolor="#89FC63" width="80"><strong>89FC63</strong></td>
<td bgcolor="#36F200" width="80"><strong>36F200</strong></td>
<td bgcolor="#66FF00" width="80"><strong>66FF00</strong></td>
<td bgcolor="#DFDF00" width="80"><strong>DFDF00</strong></td>
<td bgcolor="#DFE32D" width="80"><strong>DFE32D</strong></td>
</tr>
<tr>
<td bgcolor="#7CEB98" width="80"><strong>7CEB98</strong></td>
<td bgcolor="#93BF96" width="80"><strong>93BF96</strong></td>
<td bgcolor="#99FD77" width="80"><strong>99FD77</strong></td>
<td bgcolor="#52FF20" width="80"><strong>52FF20</strong></td>
<td bgcolor="#95FF4F" width="80"><strong>95FF4F</strong></td>
<td bgcolor="#FFFFAA" width="80"><strong>FFFFAA</strong></td>
<td bgcolor="#EDEF85" width="80"><strong>EDEF85</strong></td>
</tr>
<tr>
<td bgcolor="#93EEAA" width="80"><strong>93EEAA</strong></td>
<td bgcolor="#A6CAA9" width="80"><strong>A6CAA9</strong></td>
<td bgcolor="#AAFD8E" width="80"><strong>AAFD8E</strong></td>
<td bgcolor="#6FFF44" width="80"><strong>6FFF44</strong></td>
<td bgcolor="#ABFF73" width="80"><strong>ABFF73</strong></td>
<td bgcolor="#FFFF84" width="80"><strong>FFFF84</strong></td>
<td bgcolor="#EEF093" width="80"><strong>EEF093</strong></td>
</tr>
<tr>
<td bgcolor="#A4F0B7" width="80"><strong>A4F0B7</strong></td>
<td bgcolor="#B4D1B6" width="80"><strong>B4D1B6</strong></td>
<td bgcolor="#BAFEA3" width="80"><strong>BAFEA3</strong></td>
<td bgcolor="#8FFF6F" width="80"><strong>8FFF6F</strong></td>
<td bgcolor="#C0FF97" width="80"><strong>C0FF97</strong></td>
<td bgcolor="#FFFF99" width="80"><strong>FFFF99</strong></td>
<td bgcolor="#F2F4B3" width="80"><strong>F2F4B3</strong></td>
</tr>
<tr>
<td bgcolor="#BDF4CB" width="80"><strong>BDF4CB</strong></td>
<td bgcolor="#C9DECB" width="80"><strong>C9DECB</strong></td>
<td bgcolor="#CAFEB8" width="80"><strong>CAFEB8</strong></td>
<td bgcolor="#A5FF8A" width="80"><strong>A5FF8A</strong></td>
<td bgcolor="#D1FFB3" width="80"><strong>D1FFB3</strong></td>
<td bgcolor="#FFFFB5" width="80"><strong>FFFFB5</strong></td>
<td bgcolor="#F5F7C4" width="80"><strong>F5F7C4</strong></td>
</tr>
<tr>
<td bgcolor="#D6F8DE" width="80"><strong>D6F8DE</strong></td>
<td bgcolor="#DBEADC" width="80"><strong>DBEADC</strong></td>
<td bgcolor="#DDFED1" width="80"><strong>DDFED1</strong></td>
<td bgcolor="#B3FF99" width="80"><strong>B3FF99</strong></td>
<td bgcolor="#DFFFCA" width="80"><strong>DFFFCA</strong></td>
<td bgcolor="#FFFFC8" width="80"><strong>FFFFC8</strong></td>
<td bgcolor="#F7F9D0" width="80"><strong>F7F9D0</strong></td>
</tr>
<tr>
<td bgcolor="#E3FBE9" width="80"><strong>E3FBE9</strong></td>
<td bgcolor="#E9F1EA" width="80"><strong>E9F1EA</strong></td>
<td bgcolor="#EAFEE2" width="80"><strong>EAFEE2</strong></td>
<td bgcolor="#D2FFC4" width="80"><strong>D2FFC4</strong></td>
<td bgcolor="#E8FFD9" width="80"><strong>E8FFD9</strong></td>
<td bgcolor="#FFFFD7" width="80"><strong>FFFFD7</strong></td>
<td bgcolor="#FAFBDF" width="80"><strong>FAFBDF</strong></td>
</tr>
<tr>
<td bgcolor="#E3FBE9" width="80"><strong>E3FBE9</strong></td>
<td bgcolor="#F3F8F4" width="80"><strong>F3F8F4</strong></td>
<td bgcolor="#F1FEED" width="80"><strong>F1FEED</strong></td>
<td bgcolor="#E7FFDF" width="80"><strong>E7FFDF</strong></td>
<td bgcolor="#F2FFEA" width="80"><strong>F2FFEA</strong></td>
<td bgcolor="#FFFFE3" width="80"><strong>FFFFE3</strong></td>
<td bgcolor="#FCFCE9" width="80"><strong>FCFCE9</strong></td>
</tr>
<tr>
<td bgcolor="#FAFEFB" width="80"><strong>FAFEFB</strong></td>
<td bgcolor="#FBFDFB" width="80"><strong>FBFDFB</strong></td>
<td bgcolor="#FDFFFD" width="80"><strong>FDFFFD</strong></td>
<td bgcolor="#F5FFF2" width="80"><strong>F5FFF2</strong></td>
<td bgcolor="#FAFFF7" width="80"><strong>FAFFF7</strong></td>
<td bgcolor="#FFFFFD" width="80"><strong>FFFFFD</strong></td>
<td bgcolor="#FDFDF0" width="80"><strong>FDFDF0</strong></td>
</tr>
<tr>
<td bgcolor="#BABA21" width="80"><strong>BABA21</strong></td>
<td bgcolor="#C8B400" width="80"><strong>C8B400</strong></td>
<td bgcolor="#DFA800" width="80"><strong>DFA800</strong></td>
<td bgcolor="#DB9900" width="80"><strong>DB9900</strong></td>
<td bgcolor="#FFB428" width="80"><strong>FFB428</strong></td>
<td bgcolor="#FF9331" width="80"><strong>FF9331</strong></td>
<td bgcolor="#FF800D" width="80"><strong>FF800D</strong></td>
</tr>
<tr>
<td bgcolor="#E0E04E" width="80"><strong>E0E04E</strong></td>
<td bgcolor="#D9C400" width="80"><strong>D9C400</strong></td>
<td bgcolor="#F9BB00" width="80"><strong>F9BB00</strong></td>
<td bgcolor="#EAA400" width="80"><strong>EAA400</strong></td>
<td bgcolor="#FFBF48" width="80"><strong>FFBF48</strong></td>
<td bgcolor="#FFA04A" width="80"><strong>FFA04A</strong></td>
<td bgcolor="#FF9C42" width="80"><strong>FF9C42</strong></td>
</tr>
<tr>
<td bgcolor="#E6E671" width="80"><strong>E6E671</strong></td>
<td bgcolor="#E6CE00" width="80"><strong>E6CE00</strong></td>
<td bgcolor="#FFCB2F" width="80"><strong>FFCB2F</strong></td>
<td bgcolor="#FFB60B" width="80"><strong>FFB60B</strong></td>
<td bgcolor="#FFC65B" width="80"><strong>FFC65B</strong></td>
<td bgcolor="#FFAB60" width="80"><strong>FFAB60</strong></td>
<td bgcolor="#FFAC62" width="80"><strong>FFAC62</strong></td>
</tr>
<tr>
<td bgcolor="#EAEA8A" width="80"><strong>EAEA8A</strong></td>
<td bgcolor="#F7DE00" width="80"><strong>F7DE00</strong></td>
<td bgcolor="#FFD34F" width="80"><strong>FFD34F</strong></td>
<td bgcolor="#FFBE28" width="80"><strong>FFBE28</strong></td>
<td bgcolor="#FFCE73" width="80"><strong>FFCE73</strong></td>
<td bgcolor="#FFBB7D" width="80"><strong>FFBB7D</strong></td>
<td bgcolor="#FFBD82" width="80"><strong>FFBD82</strong></td>
</tr>
<tr>
<td bgcolor="#EEEEA2" width="80"><strong>EEEEA2</strong></td>
<td bgcolor="#FFE920" width="80"><strong>FFE920</strong></td>
<td bgcolor="#FFDD75" width="80"><strong>FFDD75</strong></td>
<td bgcolor="#FFC848" width="80"><strong>FFC848</strong></td>
<td bgcolor="#FFD586" width="80"><strong>FFD586</strong></td>
<td bgcolor="#FFC48E" width="80"><strong>FFC48E</strong></td>
<td bgcolor="#FFC895" width="80"><strong>FFC895</strong></td>
</tr>
<tr>
<td bgcolor="#F1F1B1" width="80"><strong>F1F1B1</strong></td>
<td bgcolor="#FFF06A" width="80"><strong>FFF06A</strong></td>
<td bgcolor="#FFE699" width="80"><strong>FFE699</strong></td>
<td bgcolor="#FFD062" width="80"><strong>FFD062</strong></td>
<td bgcolor="#FFDEA2" width="80"><strong>FFDEA2</strong></td>
<td bgcolor="#FFCFA4" width="80"><strong>FFCFA4</strong></td>
<td bgcolor="#FFCEA2" width="80"><strong>FFCEA2</strong></td>
</tr>
<tr>
<td bgcolor="#F4F4BF" width="80"><strong>F4F4BF</strong></td>
<td bgcolor="#FFF284" width="80"><strong>FFF284</strong></td>
<td bgcolor="#FFECB0" width="80"><strong>FFECB0</strong></td>
<td bgcolor="#FFE099" width="80"><strong>FFE099</strong></td>
<td bgcolor="#FFE6B5" width="80"><strong>FFE6B5</strong></td>
<td bgcolor="#FFD9B7" width="80"><strong>FFD9B7</strong></td>
<td bgcolor="#FFD7B3" width="80"><strong>FFD7B3</strong></td>
</tr>
<tr>
<td bgcolor="#F7F7CE" width="80"><strong>F7F7CE</strong></td>
<td bgcolor="#FFF7B7" width="80"><strong>FFF7B7</strong></td>
<td bgcolor="#FFF1C6" width="80"><strong>FFF1C6</strong></td>
<td bgcolor="#FFEAB7" width="80"><strong>FFEAB7</strong></td>
<td bgcolor="#FFEAC4" width="80"><strong>FFEAC4</strong></td>
<td bgcolor="#FFE1C6" width="80"><strong>FFE1C6</strong></td>
<td bgcolor="#FFE2C8" width="80"><strong>FFE2C8</strong></td>
</tr>
<tr>
<td bgcolor="#F9F9DD" width="80"><strong>F9F9DD</strong></td>
<td bgcolor="#FFF9CE" width="80"><strong>FFF9CE</strong></td>
<td bgcolor="#FFF5D7" width="80"><strong>FFF5D7</strong></td>
<td bgcolor="#FFF2D2" width="80"><strong>FFF2D2</strong></td>
<td bgcolor="#FFF2D9" width="80"><strong>FFF2D9</strong></td>
<td bgcolor="#FFEBD9" width="80"><strong>FFEBD9</strong></td>
<td bgcolor="#FFE6D0" width="80"><strong>FFE6D0</strong></td>
</tr>
<tr>
<td bgcolor="#FBFBE8" width="80"><strong>FBFBE8</strong></td>
<td bgcolor="#FFFBDF" width="80"><strong>FFFBDF</strong></td>
<td bgcolor="#FFFAEA" width="80"><strong>FFFAEA</strong></td>
<td bgcolor="#FFF9EA" width="80"><strong>FFF9EA</strong></td>
<td bgcolor="#FFF7E6" width="80"><strong>FFF7E6</strong></td>
<td bgcolor="#FFF4EA" width="80"><strong>FFF4EA</strong></td>
<td bgcolor="#FFF1E6" width="80"><strong>FFF1E6</strong></td>
</tr>
<tr>
<td bgcolor="#FEFEFA" width="80"><strong>FEFEFA</strong></td>
<td bgcolor="#FFFEF7" width="80"><strong>FFFEF7</strong></td>
<td bgcolor="#FFFDF7" width="80"><strong>FFFDF7</strong></td>
<td bgcolor="#FFFDF9" width="80"><strong>FFFDF9</strong></td>
<td bgcolor="#FFFDF9" width="80"><strong>FFFDF9</strong></td>
<td bgcolor="#FFFEFD" width="80"><strong>FFFEFD</strong></td>
<td bgcolor="#FFF9F4" width="80"><strong>FFF9F4</strong></td>
</tr>
<tr>
<td bgcolor="#D1D17A" width="80"><strong>D1D17A</strong></td>
<td bgcolor="#C0A545" width="80"><strong>C0A545</strong></td>
<td bgcolor="#C27E3A" width="80">
<div class="white"><strong>C27E3A</strong></div></td>
<td bgcolor="#C47557" width="80">
<div class="white"><strong>C47557</strong></div></td>
<td bgcolor="#B05F3C" width="80">
<div class="white"><strong>B05F3C</strong></div></td>
<td bgcolor="#C17753" width="80">
<div class="white"><strong>C17753</strong></div></td>
<td bgcolor="#B96F6F" width="80">
<div class="white"><strong>B96F6F</strong></div></td>
</tr>
<tr>
<td bgcolor="#D7D78A" width="80"><strong>D7D78A</strong></td>
<td bgcolor="#CEB86C" width="80"><strong>CEB86C</strong></td>
<td bgcolor="#C98A4B" width="80"><strong>C98A4B</strong></td>
<td bgcolor="#CB876D" width="80">
<div class="white"><strong>CB876D</strong></div></td>
<td bgcolor="#C06A45" width="80">
<div class="white"><strong>C06A45</strong></div></td>
<td bgcolor="#C98767" width="80">
<div class="white"><strong>C98767</strong></div></td>
<td bgcolor="#C48484" width="80"><strong>C48484</strong></td>
</tr>
<tr>
<td bgcolor="#DBDB97" width="80"><strong>DBDB97</strong></td>
<td bgcolor="#D6C485" width="80"><strong>D6C485</strong></td>
<td bgcolor="#D19C67" width="80"><strong>D19C67</strong></td>
<td bgcolor="#D29680" width="80"><strong>D29680</strong></td>
<td bgcolor="#C87C5B" width="80">
<div class="white"><strong>C87C5B</strong></div></td>
<td bgcolor="#D0977B" width="80">
<div class="white"><strong>D0977B</strong></div></td>
<td bgcolor="#C88E8E" width="80"><strong>C88E8E</strong></td>
</tr>
<tr>
<td bgcolor="#E1E1A8" width="80"><strong>E1E1A8</strong></td>
<td bgcolor="#DECF9C" width="80"><strong>DECF9C</strong></td>
<td bgcolor="#DAAF85" width="80"><strong>DAAF85</strong></td>
<td bgcolor="#DAA794" width="80"><strong>DAA794</strong></td>
<td bgcolor="#CF8D72" width="80"><strong>CF8D72</strong></td>
<td bgcolor="#DAAC96" width="80"><strong>DAAC96</strong></td>
<td bgcolor="#D1A0A0" width="80"><strong>D1A0A0</strong></td>
</tr>
<tr>
<td bgcolor="#E9E9BE" width="80"><strong>E9E9BE</strong></td>
<td bgcolor="#E3D6AA" width="80"><strong>E3D6AA</strong></td>
<td bgcolor="#DDB791" width="80"><strong>DDB791</strong></td>
<td bgcolor="#DFB4A4" width="80"><strong>DFB4A4</strong></td>
<td bgcolor="#D69E87" width="80"><strong>D69E87</strong></td>
<td bgcolor="#E0BBA9" width="80"><strong>E0BBA9</strong></td>
<td bgcolor="#D7ACAC" width="80"><strong>D7ACAC</strong></td>
</tr>
<tr>
<td bgcolor="#EEEECE" width="80"><strong>EEEECE</strong></td>
<td bgcolor="#EADFBF" width="80"><strong>EADFBF</strong></td>
<td bgcolor="#E4C6A7" width="80"><strong>E4C6A7</strong></td>
<td bgcolor="#E6C5B9" width="80"><strong>E6C5B9</strong></td>
<td bgcolor="#DEB19E" width="80"><strong>DEB19E</strong></td>
<td bgcolor="#E8CCBF" width="80"><strong>E8CCBF</strong></td>
<td bgcolor="#DDB9B9" width="80"><strong>DDB9B9</strong></td>
</tr>
<tr>
<td bgcolor="#E9E9C0" width="80"><strong>E9E9C0</strong></td>
<td bgcolor="#EDE4C9" width="80"><strong>EDE4C9</strong></td>
<td bgcolor="#E9D0B6" width="80"><strong>E9D0B6</strong></td>
<td bgcolor="#EBD0C7" width="80"><strong>EBD0C7</strong></td>
<td bgcolor="#E4C0B1" width="80"><strong>E4C0B1</strong></td>
<td bgcolor="#ECD5CA" width="80"><strong>ECD5CA</strong></td>
<td bgcolor="#E6CCCC" width="80"><strong>E6CCCC</strong></td>
</tr>
<tr>
<td bgcolor="#EEEECE" width="80"><strong>EEEECE</strong></td>
<td bgcolor="#EFE7CF" width="80"><strong>EFE7CF</strong></td>
<td bgcolor="#EEDCC8" width="80"><strong>EEDCC8</strong></td>
<td bgcolor="#F0DCD5" width="80"><strong>F0DCD5</strong></td>
<td bgcolor="#EACDC1" width="80"><strong>EACDC1</strong></td>
<td bgcolor="#F0DDD5" width="80"><strong>F0DDD5</strong></td>
<td bgcolor="#ECD9D9" width="80"><strong>ECD9D9</strong></td>
</tr>
<tr>
<td bgcolor="#F1F1D6" width="80"><strong>F1F1D6</strong></td>
<td bgcolor="#F5EFE0" width="80"><strong>F5EFE0</strong></td>
<td bgcolor="#F2E4D5" width="80"><strong>F2E4D5</strong></td>
<td bgcolor="#F5E7E2" width="80"><strong>F5E7E2</strong></td>
<td bgcolor="#F0DDD5" width="80"><strong>F0DDD5</strong></td>
<td bgcolor="#F5E8E2" width="80"><strong>F5E8E2</strong></td>
<td bgcolor="#F3E7E7" width="80"><strong>F3E7E7</strong></td>
</tr>
<tr>
<td bgcolor="#F5F5E2" width="80"><strong>F5F5E2</strong></td>
<td bgcolor="#F9F5EC" width="80"><strong>F9F5EC</strong></td>
<td bgcolor="#F9F3EC" width="80"><strong>F9F3EC</strong></td>
<td bgcolor="#F9EFEC" width="80"><strong>F9EFEC</strong></td>
<td bgcolor="#F5E8E2" width="80"><strong>F5E8E2</strong></td>
<td bgcolor="#FAF2EF" width="80"><strong>FAF2EF</strong></td>
<td bgcolor="#F8F1F1" width="80"><strong>F8F1F1</strong></td>
</tr>
<tr>
<td bgcolor="#FDFDF9" width="80"><strong>FDFDF9</strong></td>
<td bgcolor="#FDFCF9" width="80"><strong>FDFCF9</strong></td>
<td bgcolor="#FCF9F5" width="80"><strong>FCF9F5</strong></td>
<td bgcolor="#FDFAF9" width="80"><strong>FDFAF9</strong></td>
<td bgcolor="#FDFAF9" width="80"><strong>FDFAF9</strong></td>
<td bgcolor="#FCF7F5" width="80"><strong>FCF7F5</strong></td>
<td bgcolor="#FDFBFB" width="80"><strong>FDFBFB</strong></td>
</tr>
<tr>
<td bgcolor="#F70000" width="80">
<div class="white"><strong>F70000</strong></div></td>
<td bgcolor="#B9264F" width="80">
<div class="white"><strong>B9264F</strong></div></td>
<td bgcolor="#990099" width="80">
<div class="white"><strong>990099</strong></div></td>
<td bgcolor="#74138C" width="80">
<div class="white"><strong>74138C</strong></div></td>
<td bgcolor="#0000CE" width="80">
<div class="white"><strong>0000CE</strong></div></td>
<td bgcolor="#1F88A7" width="80">
<div class="white"><strong>1F88A7</strong></div></td>
<td bgcolor="#4A9586" width="80">
<div class="white"><strong>4A9586</strong></div></td>
</tr>
<tr>
<td bgcolor="#FF2626" width="80"><strong>FF2626</strong></td>
<td bgcolor="#D73E68" width="80">
<div class="white"><strong>D73E68</strong></div></td>
<td bgcolor="#B300B3" width="80">
<div class="white"><strong>B300B3</strong></div></td>
<td bgcolor="#8D18AB" width="80">
<div class="white"><strong>8D18AB</strong></div></td>
<td bgcolor="#5B5BFF" width="80">
<div class="white"><strong>5B5BFF"</strong></div></td>
<td bgcolor="#25A0C5" width="80">
<div class="white"><strong>25A0C5</strong></div></td>
<td bgcolor="#5EAE9E" width="80"><strong>5EAE9E</strong></td>
</tr>
<tr>
<td bgcolor="#FF5353" width="80"><strong>FF5353</strong></td>
<td bgcolor="#DD597D" width="80"><strong>DD597D</strong></td>
<td bgcolor="#CA00CA" width="80"><strong>CA00CA</strong></td>
<td bgcolor="#A41CC6" width="80">
<div class="white"><strong>A41CC6</strong></div></td>
<td bgcolor="#7373FF" width="80">
<div class="white"><strong>7373FF</strong></div></td>
<td bgcolor="#29AFD6" width="80"><strong>29AFD6</strong></td>
<td bgcolor="#74BAAC" width="80"><strong>74BAAC</strong></td>
</tr>
<tr>
<td bgcolor="#FF7373" width="80"><strong>FF7373</strong></td>
<td bgcolor="#E37795" width="80"><strong>E37795</strong></td>
<td bgcolor="#D900D9" width="80"><strong>D900D9</strong></td>
<td bgcolor="#BA21E0" width="80"><strong>BA21E0</strong></td>
<td bgcolor="#8282FF" width="80"><strong>8282FF</strong></td>
<td bgcolor="#4FBDDD" width="80"><strong>4FBDDD</strong></td>
<td bgcolor="#8DC7BB" width="80"><strong>8DC7BB</strong></td>
</tr>
<tr>
<td bgcolor="#FF8E8E" width="80"><strong>FF8E8E</strong></td>
<td bgcolor="#E994AB" width="80"><strong>E994AB</strong></td>
<td bgcolor="#FF2DFF" width="80"><strong>FF2DFF</strong></td>
<td bgcolor="#CB59E8" width="80"><strong>CB59E8</strong></td>
<td bgcolor="#9191FF" width="80"><strong>9191FF</strong></td>
<td bgcolor="#67C7E2" width="80"><strong>67C7E2</strong></td>
<td bgcolor="#A5D3CA" width="80"><strong>A5D3CA</strong></td>
</tr>
<tr>
<td bgcolor="#FFA4A4" width="80"><strong>FFA4A4</strong></td>
<td bgcolor="#EDA9BC" width="80"><strong>EDA9BC</strong></td>
<td bgcolor="#F206FF" width="80"><strong>F206FF</strong></td>
<td bgcolor="#CB59E8" width="80"><strong>CB59E8</strong></td>
<td bgcolor="#A8A8FF" width="80"><strong>A8A8FF</strong></td>
<td bgcolor="#8ED6EA" width="80"><strong>8ED6EA</strong></td>
<td bgcolor="#C0E0DA" width="80"><strong>C0E0DA</strong></td>
</tr>
<tr>
<td bgcolor="#FFB5B5" width="80"><strong>FFB5B5</strong></td>
<td bgcolor="#F0B9C8" width="80"><strong>F0B9C8</strong></td>
<td bgcolor="#FF7DFF" width="80"><strong>FF7DFF</strong></td>
<td bgcolor="#D881ED" width="80"><strong>D881ED</strong></td>
<td bgcolor="#B7B7FF" width="80"><strong>B7B7FF</strong></td>
<td bgcolor="#A6DEEE" width="80"><strong>A6DEEE</strong></td>
<td bgcolor="#CFE7E2" width="80"><strong>CFE7E2</strong></td>
</tr>
<tr>
<td bgcolor="#FFC8C8" width="80"><strong>FFC8C8</strong></td>
<td bgcolor="#F4CAD6" width="80"><strong>F4CAD6</strong></td>
<td bgcolor="#FFA8FF" width="80"><strong>FFA8FF</strong></td>
<td bgcolor="#EFCDF8" width="80"><strong>EFCDF8</strong></td>
<td bgcolor="#C6C6FF" width="80"><strong>C6C6FF</strong></td>
<td bgcolor="#C0E7F3" width="80"><strong>C0E7F3</strong></td>
<td bgcolor="#DCEDEA" width="80"><strong>DCEDEA</strong></td>
</tr>
<tr>
<td bgcolor="#FFEAEA" width="80"><strong>FFEAEA</strong></td>
<td bgcolor="#F8DAE2" width="80"><strong>F8DAE2</strong></td>
<td bgcolor="#FFC4FF" width="80"><strong>FFC4FF</strong></td>
<td bgcolor="#EFCDF8" width="80"><strong>EFCDF8</strong></td>
<td bgcolor="#DBDBFF" width="80"><strong>DBDBFF</strong></td>
<td bgcolor="#D8F0F8" width="80"><strong>D8F0F8</strong></td>
<td bgcolor="#E7F3F1" width="80"><strong>E7F3F1</strong></td>
</tr>
<tr>
<td bgcolor="#FFEAEA" width="80"><strong>FFEAEA</strong></td>
<td bgcolor="#FAE7EC" width="80"><strong>FAE7EC</strong></td>
<td bgcolor="#FFE3FF" width="80"><strong>FFE3FF</strong></td>
<td bgcolor="#F8E9FC" width="80"><strong>F8E9FC</strong></td>
<td bgcolor="#EEEEFF" width="80"><strong>EEEEFF</strong></td>
<td bgcolor="#EFF9FC" width="80"><strong>EFF9FC</strong></td>
<td bgcolor="#F2F9F8" width="80"><strong>F2F9F8</strong></td>
</tr>
<tr>
<td bgcolor="#FFFDFD" width="80"><strong>FFFDFD</strong></td>
<td bgcolor="#FEFAFB" width="80"><strong>FEFAFB</strong></td>
<td bgcolor="#FFFDFF" width="80"><strong>FFFDFF</strong></td>
<td bgcolor="#FFFFFF" width="80"><strong>FFFFFF</strong></td>
<td bgcolor="#FDFDFF" width="80"><strong>FDFDFF</strong></td>
<td bgcolor="#FAFDFE" width="80"><strong>FAFDFE</strong></td>
<td bgcolor="#F7FBFA" width="80"><strong>F7FBFA</strong></td>
</tr>
</tbody>
</table>

|

Setelah anda membuat halaman baru, script diatas silahkan anda copy dan paste pada mode HTML halaman blog anda.

Sebaiknya anda lengkapi lagi kode warnanya. Selamat mencoba dan semoga bermanfaat.

Referensi lengkapnya : Wikipedia


Baca Artikel Lain :

About these ads

Perihal onesetia82
Blog sederhana ini berisi tentang berbagai informasi yang hubungannya dengan Software dan Aplikasi Komputer, Tips dan Tricks, Tutorial, serta Info menarik lainnya. Ma'af jika dalam pembenahan bahasa dan susunan kata pada setiap artikel kurang layak dibaca, karena hanya Sekedar Menuruti Kata Hati . . . Selengkapnya ==>

23 Responses to Cara Membuat Halaman Khusus Kode Warna

  1. Jefry mengatakan:

    harus memakai css ya gan..
    terima kasih aats infonya

  2. kendillaundry mengatakan:

    mas aku ijin copy kode warnanya, thanks.

  3. Ping-balik: Bacaan Menarik « SUPRIYANTO Blog

  4. Ping-balik: TUTORIAL | MULTIMEDIA DESIGN

  5. Ping-balik: Teknik Dasar Cara Mewarnai Rambut Dengan Photoshop | multimedia tutorials

Beri Komentar Seikhlasnya Saja ==>

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d bloggers like this: