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!
0 comments:
Posting Komentar