Memasang Tabel Warna Seri 9

Tabel warna seri ke-9 (sembilan) ini selain ada
contoh warnanya juga disertakan dengan kode
dan nama warna yang dimaksud.

Contohnya seperti yang anda lihat berikut ini :

#FOF8FF Alice Blue

#FAEBD7 Antique White

#00FFFF Aqua

#7FFFD4 Aquamarine

#F0FFFF Azure

#F5F5DC Beige

#FFE4C4 Bisque

#000000 Black

#FFEBCD Blanchedalmond

#0000FF Blue

#8A2BE2 Blue Violet

#A52A2A Brown

#DEB887 Burlywood

#5F9EAD Cadet Blue

#7FFF00 Chartreuse

#D2691E Chocolate

#FF7F50 Coral

#64950 Cornflower Blue

#FFF8DC Cornsilk

#DC143C Crimson

#00FFFF Cyan

#00008B Dark Blue

#008B8B Darkcyan

#B8860B Dark Golden ROd

#A9A9A9 Dark Gray

#006400 Dark Green

#8B008B Dark Magenta

#BDB76B Dark Khaki

#556B2F Dark Olive Green

#FF8C00 Dark Orange

#9932CC Dark Orchid

#8B0000 Dark Red

#E9967A Dark Salmon

#8FBC8B Dark Sea Green

#483D8B Dark Slate Blue

#2F4F4F Dark Slate Gray

#00CED1 Dark Turquoise

#9400D3 Dark Violet

#FF1493 Deep Pink

#00BFFF Deep Sky Blue

#696969 Dim Gray

#1E90FF Dodger Blue

#B22222 Firebrick

#FFFAF0 Floral White

#228B22 Forest Green

#FF00FF Fuchsia

#DCDCDC Gainsboro

#F8F8FF Ghost White

#FFD700 Gold

#DAA520 Golden Rod

#808080 Gray

#008000 Green

#ADFF2F Green Yellow

#F0FFF0 Honeydew

#FF69B4 Hot Pink

#CD5C5C Indian Red

#4B0082 Indigo

#FFFFF0 Ivory

#F0E68C Khaki

#E6E6FA Lavender

#FFF0F5 Lavender Blush

#7CFC00 Lawn Green

#FFFACD Lemon Chiffon

#ADE8E6 Light Blue

#F08080 Light Coral

#E0FFFF Light Cyan

#FAFAD2 Light Golden Rod Yellow

#90EE90 Light Green

#D3D3D3 Light Gray

#FFB6C1 Light Pink

#FFA072 Light Salmon

#20B2AA Light Sea Green

#87CEFA Light Sky Blue

#778899 Light Slate Gray

#B0C4DE Light Steel Blue

#FFFFE0 Light Yellow

#00FF00 Lime

#32CD32 Lime Green

#FAF0E6 Linen

#FF00FF Magenta

#800000 Maroon

#66CDAA Medium Aquamarine

#0000CD Medium Blue

#BA55D3 Medium Orchid

#9370DB Medium Purple

#3CB371 Medium Sea Green

#7B68EE Medium Slate Blue

#00FA9A Medium spring Green

#48D1CC Medium Turquoise

#C71585 Medium Violet Red

#191970 Midnight Blue

#F5FFFA Mint Cream

#FFE4E1 Mistyrose

#FFE4E1 Moccasin

#FFDEAD Navajo White

#000080 Navy

#FDF5E6 Oldlace

#808000 Olive

#6B8E23 Olivedrab

#FFA500 Orange

#FF100%0 Orange Red

#DA70D6 Orchid

#EEE8AA Palegoldenrod

#98FB98 Pal Green

#AFEEEE Pale Turquoise

#DB7093 Pale Violetred

#FFEFD5 Papayawhip

#FFDAB9 Peachpuff

#CD853F Peru

#FFC0CB Pink

#DDA0DD Plum

#B0E0E6 Powder Blue

#800080 Purple

#FF0000 Red

#BC8F8F Rosy Brown

#4169E1 Royal Blue

#8B4513 Saddle Brown

#FA8072 Salmon

#F4A460 Sandy Brown

#2E8B57 Sea Green

#FFF5EE Sea Shell

#A0522D Sienna

#C0C0C0 Silver

#87CEEB Sky Blue

#708090 Slate Gray

#FFFAFA Snow

#00FF7F Spring Green

#4682B4 Steel Blue

#D2B48C Tan

#008080 Teal

#D8BFD8 Thistle

#FF6347 Tomato

#40E0D0 Turquoise

#EE82EE Violet

#F5DEB3 Wheat

#FFFFFF White

#F5F5F5 White Smoke

#FFFF00 Yellow

#9ACD32 Yellow Green

Bila Anda ingin memasang tabel warna yang seperti
gambar di atas, cukup Anda masukkan kode yang ada
di bawah ini ke dalam konten Gagdet HTML/JavaScript
bila ingin Anda letakkan pada sidebar.

Bila Anda ingin memasukkan tabael ini ke dalam
postingan, masukkanlah kode berikut ini dalam
modus Edit HTML, bukan Compose.

<table width=90% cellpadding=5 cellspacing=2>

<tr>
<td style="background:aliceblue; color:black;">#FOF8FF<br/>Alice Blue</td>
<tr/>
<tr>
<td style="background:antiquewhite; color:black;">#FAEBD7<br/>Antique White</td>
<tr/>
<tr>
<td style="background:aqua; color:black;">#00FFFF<br/>Aqua</td>
<tr/>
<tr>
<td style="background:aquamarine; color:black;">#7FFFD4<br/>Aquamarine</td>
<tr/>
<tr>
<td style="background:azure; color:black;">#F0FFFF<br/>Azure</td>
<tr/>
<tr>
<td style="background:beige; color:black;">#F5F5DC<br/>Beige</td>
<tr/>
<tr>
<td style="background:bisque; color:black;">#FFE4C4<br/>Bisque</td>
<tr/>
<tr>
<td style="background:black; color:white;">#000000<br/>Black</td>
<tr/>
<tr/>
<tr>
<td style="background:blanchedalmond; color:black;">#FFEBCD<br/>Blanchedalmond</td>
<tr/>
<tr>
<td style="background:blue; color:white;">#0000FF<br/>Blue</td>
<tr/>
<tr>
<td style="background:blueviolet; color:white;">#8A2BE2<br/>Blue Violet</td>
<tr/>
<tr>
<td style="background:brown; color:white;">#A52A2A<br/>Brown</td>
<tr/>
<tr>
<td style="background:burlywood; color:black;">#DEB887<br/>Burlywood</td>
<tr/>
<tr/>
<tr>
<td style="background:cadetblue; color:black;">#5F9EAD<br/>Cadet Blue</td>
<tr/>
<tr>
<td style="background:chartreuse; color:black;">#7FFF00<br/>Chartreuse</td>
<tr/>
<tr>
<td style="background:chocolate; color:black;">#D2691E<br/>Chocolate</td>
<tr/>
<tr>
<td style="background:coral; color:black;">#FF7F50<br/>Coral</td>
<tr/>
<tr>
<td style="background:cornflowerblue; color:black;">#64950<br/>Cornflower Blue</td>
<tr/>
<tr/>
<tr>
<td style="background:cornsilk; color:black;">#FFF8DC<br/>Cornsilk</td>
<tr/>
<tr>
<td style="background:crimson; color:white;">#DC143C<br/>Crimson</td>
<tr/>
<tr>
<td style="background:cyan; color:black;">#00FFFF<br/>Cyan</td>
<tr/>
<tr>
<td style="background:darkblue; color:white;">#00008B<br/>Dark Blue</td>
<tr/>
<tr>
<td style="background:darkcyan; color:black;">#008B8B<br/>Darkcyan</td>
<tr/>
<tr/>
<tr>
<td style="background:darkgoldenrod; color:black;">#B8860B<br/>Dark Golden ROd</td>
<tr/>
<tr>
<td style="background:darkgray; color:black;">#A9A9A9<br/>Dark Gray</td>
<tr/>
<tr>
<td style="background:darkgreen; color:white;">#006400<br/>Dark Green</td>
<tr/>
<tr>
<td style="background:darkmagenta; color:white;">#8B008B<br/>Dark Magenta</td>
<tr/>
<tr>
<td style="background:darkkhaki; color:black;">#BDB76B<br/>Dark Khaki</td>
<tr/>
<tr/>
<tr>
<td style="background:darkolivegreen; color:white;">#556B2F<br/>Dark Olive Green</td>
<tr/>
<tr>
<td style="background:darkorange; color:black;">#FF8C00<br/>Dark Orange</td>
<tr/>
<tr>
<td style="background:darkorchid; color:black;">#9932CC<br/>Dark Orchid</td>
<tr/>
<tr>
<td style="background:darkred; color:white;">#8B0000<br/>Dark Red</td>
<tr/>
<tr>
<td style="background:darksalmon; color:black;">#E9967A<br/>Dark Salmon</td>
<tr/>
<tr/>
<tr>
<td style="background:darkseagreen; color:black;">#8FBC8B<br/>Dark Sea Green</td>
<tr/>
<tr>
<td style="background:darkslateblue; color:white;">#483D8B<br/>Dark Slate Blue</td>
<tr/>
<tr>
<td style="background:darkslategray; color:white;">#2F4F4F<br/>Dark Slate Gray</td>
<tr/>
<tr>
<td style="background:darkturquoise; color:black;">#00CED1<br/>Dark Turquoise</td>
<tr/>
<tr>
<td style="background:darkviolet; color:white;">#9400D3<br/>Dark Violet</td>
<tr/>
<tr/>
<tr>
<td style="background:deeppink; color:black;">#FF1493<br/>Deep Pink</td>
<tr/>
<tr>
<td style="background:deepskyblue; color:black;">#00BFFF<br/>Deep Sky Blue</td>
<tr/>
<tr>
<td style="background:dimgray; color:white;">#696969<br/>Dim Gray</td>
<tr/>
<tr>
<td style="background:dodgerblue; color:black;">#1E90FF<br/>Dodger Blue</td>
<tr/>
<tr>
<td style="background:firebrick; color:white;">#B22222<br/>Firebrick</td>
<tr/>
<tr/>
<tr>
<td style="background:floralwhite; color:black;">#FFFAF0<br/>Floral White</td>
<tr/>
<tr>
<td style="background:forestgreen; color:white;">#228B22<br/>Forest Green</td>
<tr/>
<tr>
<td style="background:fuchsia; color:black;">#FF00FF<br/>Fuchsia</td>
<tr/>
<tr>
<td style="background:gainsboro; color:black;">#DCDCDC<br/>Gainsboro</td>
<tr/>
<tr>
<td style="background:ghostwhite; color:black;">#F8F8FF<br/>Ghost White</td>
<tr/>
<tr/>
<tr>
<td style="background:gold; color:black;">#FFD700<br/>Gold</td>
<tr/>
<tr>
<td style="background:goldenrod; color:black;">#DAA520<br/>Golden Rod</td>
<tr/>
<tr>
<td style="background:gray; color:white;">#808080<br/>Gray</td>
<tr/>
<tr>
<td style="background:green; color:black;">#008000<br/>Green</td>
<tr/>
<tr>
<td style="background:greenyellow; color:black;">#ADFF2F<br/>Green Yellow</td>
<tr/>
<tr/>
<tr>
<td style="background:honeydew; color:black;">#F0FFF0<br/>Honeydew</td>
<tr/>
<tr>
<td style="background:hotpink; color:black;">#FF69B4<br/>Hot Pink</td>
<tr/>
<tr>
<td style="background:indianred; color:black;">#CD5C5C<br/>Indian Red</td>
<tr/>
<tr>
<td style="background:indigo; color:white;">#4B0082<br/>Indigo</td>
<tr/>
<tr>
<td style="background:ivory; color:black;">#FFFFF0<br/>Ivory</td>
<tr/>
<tr/>
<tr>
<td style="background:khaki; color:black;">#F0E68C<br/>Khaki</td>
<tr/>
<tr>
<td style="background:lavender; color:black;">#E6E6FA<br/>Lavender</td>
<tr/>
<tr>
<td style="background:lavenderblush; color:black;">#FFF0F5<br/>Lavender Blush</td>
<tr/>
<tr>
<td style="background:lawngreen; color:black;">#7CFC00<br/>Lawn Green</td>
<tr/>
<tr>
<td style="background:lemonchiffon; color:black;">#FFFACD<br/>Lemon Chiffon</td>
<tr/>
<tr/>
<tr>
<td style="background:lightblue; color:black;">#ADE8E6<br/>Light Blue</td>
<tr/>
<tr>
<td style="background:lightcoral; color:black;">#F08080<br/>Light Coral</td>
<tr/>
<tr>
<td style="background:lightcyan; color:black;">#E0FFFF<br/>Light Cyan</td>
<tr/>
<tr>
<td style="background:lightgoldenrodyellow; color:black;">#FAFAD2<br/>Light Golden Rod Yellow</td>
<tr/>
<tr>
<td style="background:lightgreen; color:black;">#90EE90<br/>Light Green</td>
<tr/>
<tr/>
<tr>
<td style="background:lightgray; color:black;">#D3D3D3<br/>Light Gray</td>
<tr/>
<tr>
<td style="background:lightpink; color:black;">#FFB6C1<br/>Light Pink</td>
<tr/>
<tr>
<td style="background:lightsalmon; color:black;">#FFA072<br/>Light Salmon</td>
<tr/>
<tr>
<td style="background:lightseagreen; color:black;">#20B2AA<br/>Light Sea Green</td>
<tr/>
<tr>
<td style="background:lightskyblue; color:black;">#87CEFA<br/>Light Sky Blue</td>
<tr/>
<tr/>
<tr>
<td style="background:lightslategray; color:white;">#778899<br/>Light Slate Gray</td>
<tr/>
<tr>
<td style="background:lightsteelblue; color:black;">#B0C4DE<br/>Light Steel Blue</td>
<tr/>
<tr>
<td style="background:lightyellow; color:black;">#FFFFE0<br/>Light Yellow</td>
<tr/>
<tr>
<td style="background:lime; color:black;">#00FF00<br/>Lime</td>
<tr/>
<tr>
<td style="background:limegreen; color:black;">#32CD32<br/>Lime Green</td>
<tr/>
<tr/>
<tr>
<td style="background:linen; color:black;">#FAF0E6<br/>Linen</td>
<tr/>
<tr>
<td style="background:magenta; color:black;">#FF00FF<br/>Magenta</td>
<tr/>
<tr>
<td style="background:maroon; color:white;">#800000<br/>Maroon</td>
<tr/>
<tr>
<td style="background:mediumaquamarine; color:black;">#66CDAA<br/>Medium Aquamarine</td>
<tr/>
<tr>
<td style="background:mediumblue; color:white;">#0000CD<br/>Medium Blue</td>
<tr/>
<tr/>
<tr>
<td style="background:mediumorchid; color:black;">#BA55D3<br/>Medium Orchid</td>
<tr/>
<tr>
<td style="background:mediumpurple; color:black;">#9370DB<br/>Medium Purple</td>
<tr/>
<tr>
<td style="background:mediumseagreen; color:black;">#3CB371<br/>Medium Sea Green</td>
<tr/>
<tr>
<td style="background:mediumslateblue; color:black;">#7B68EE<br/>Medium Slate Blue</td>
<tr/>
<tr>
<td style="background:mediumspringgreen; color:black;">#00FA9A<br/>Medium spring Green</td>
<tr/>
<tr/>
<tr>
<td style="background:mediumturquoise; color:black;">#48D1CC<br/>Medium Turquoise</td>
<tr/>
<tr>
<td style="background:mediumvioletred; color:black;">#C71585<br/>Medium Violet Red</td>
<tr/>
<tr>
<td style="background:midnightblue; color:white;">#191970<br/>Midnight Blue</td>
<tr/>
<tr>
<td style="background:mintcream; color:black;">#F5FFFA<br/>Mint Cream</td>
<tr/>
<tr>
<td style="background:mistyrose; color:black;">#FFE4E1<br/>Mistyrose</td>
<tr/>
<tr/>
<tr>
<td style="background:moccasin; color:black;">#FFE4E1<br/>Moccasin</td>
<tr/>
<tr>
<td style="background:navajowhite; color:black;">#FFDEAD<br/>Navajo White</td>
<tr/>
<tr>
<td style="background:navy; color:white;">#000080<br/>Navy</td>
<tr/>
<tr>
<td style="background:oldlace; color:black;">#FDF5E6<br/>Oldlace</td>
<tr/>
<tr>
<td style="background:olive; color:black;">#808000<br/>Olive</td>
<tr/>
<tr/>
<td style="background:olivedrab; color:black;">#6B8E23<br/>Olivedrab</td>
<tr/>
<tr>
<td style="background:orange; color:black;">#FFA500<br/>Orange</td>
<tr/>
<tr/>
<tr/>
<tr>
<td style="background:orangered; color:black;">#FF100%0<br/>Orange Red</td>
<tr/>
<tr>
<td style="background:orchid; color:black;">#DA70D6<br/>Orchid</td>
<tr/>
<tr/>
<tr/>
<tr>
<td style="background:palegoldenrod; color:black;">#EEE8AA<br/>Palegoldenrod</td>
<tr/>
<tr>
<td style="background:palegreen; color:black;">#98FB98<br/>Pal Green</td>
<tr/>
<tr/>
<td style="background:paleturquoise; color:black;">#AFEEEE<br/>Pale Turquoise</td>
<tr/>
<tr>
<td style="background:palevioletred; color:black;">#DB7093<br/>Pale Violetred</td>
<tr/>
<tr/>
<tr/>
<tr>
<td style="background:papayawhip; color:black;">#FFEFD5<br/>Papayawhip</td>
<tr/>
<tr>
<td style="background:peachpuff; color:black;">#FFDAB9<br/>Peachpuff</td>
<tr/>
<tr/>
<tr/>
<tr>
<td style="background:peru; color:black;">#CD853F<br/>Peru</td>
<tr/>
<tr>
<td style="background:pink; color:black;">#FFC0CB<br/>Pink</td>
<tr/>
<tr/>
<td style="background:plum; color:black;">#DDA0DD<br/>Plum</td>
<tr/>
<tr>
<td style="background:powderblue; color:black;">#B0E0E6<br/>Powder Blue</td>
<tr/>
<tr/>
<tr/>
<tr>
<td style="background:purple; color:white;">#800080<br/>Purple</td>
<tr/>
<tr>
<td style="background:red; color:black;">#FF0000<br/>Red</td>
<tr/>
<tr/>
<tr/>
<tr>
<td style="background:rosybrown; color:black;">#BC8F8F<br/>Rosy Brown</td>
<tr/>
<tr>
<td style="background:royalblue; color:black;">#4169E1<br/>Royal Blue</td>
<tr/>
<tr/>
<td style="background:saddlebrown; color:white;">#8B4513<br/>Saddle Brown</td>
<tr/>
<tr>
<td style="background:salmon; color:black;">#FA8072<br/>Salmon</td>
<tr/>
<tr/>
<tr/>
<tr>
<td style="background:sandybrown; color:black;">#F4A460<br/>Sandy Brown</td>
<tr/>
<tr>
<td style="background:seagreen; color:black;">#2E8B57<br/>Sea Green</td>
<tr/>
<tr/>
<tr/>
<tr>
<td style="background:seashell; color:black;">#FFF5EE<br/>Sea Shell</td>
<tr/>
<tr>
<td style="background:sienna; color:white;">#A0522D<br/>Sienna</td>
<tr/>
<tr/>
<td style="background:silver; color:black;">#C0C0C0<br/>Silver</td>
<tr/>
<tr>
<td style="background:skyblue; color:black;">#87CEEB<br/>Sky Blue</td>
<tr/>
<tr/>
<tr/>
<tr>
<td style="background:slategray; color:white;">#708090<br/>Slate Gray</td>
<tr/>
<tr>
<td style="background:snow; color:black;">#FFFAFA<br/>Snow</td>
<tr/>
<tr/>
<tr/>
<tr>
<td style="background:springgreen; color:black;">#00FF7F<br/>Spring Green</td>
<tr/>
<tr>
<td style="background:steelblue; color:white;">#4682B4<br/>Steel Blue</td>
<tr/>
<tr/>
<td style="background:tan; color:black;">#D2B48C<br/>Tan</td>
<tr/>
<tr>
<td style="background:teal; color:white;">#008080<br/>Teal</td>
<tr/>
<tr/>
<tr/>
<tr>
<td style="background:thistle; color:black;">#D8BFD8<br/>Thistle</td>
<tr/>
<tr>
<td style="background:tomato; color:black;">#FF6347<br/>Tomato</td>
<tr/>
<tr/>
<tr/>
<tr>
<td style="background:turquoise; color:black;">#40E0D0<br/>Turquoise</td>
<tr/>
<tr>
<td style="background:violet; color:black;">#EE82EE<br/>Violet</td>
<tr/>
<tr/>
<td style="background:wheat; color:black;">#F5DEB3<br/>Wheat</td>
<tr/>
<tr>
<td style="background:white; color:black;">#FFFFFF<br/>White</td>
<tr/>
<tr/>
<tr/>
<tr>
<td style="background:whitesmoke; color:black;">#F5F5F5<br/>White Smoke</td>
<tr/>
<tr>
<td style="background:yellow; color:black;">#FFFF00<br/>Yellow</td>
<tr/>
<tr/>
<tr/>
<tr>
<td style="background:yellowgreen; color:black;">#9ACD32<br/>Yellow Green</td>
<tr/></table>

Selamat mencoba dan tetap good luck!