Memasang Tabel Warna Seri 9Tabel 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!
27,020
0 komentar:
Posting Komentar