Kode Warna Html Paling Lengkap untuk Design Blog agar Terlihat Professional

Author : UnknownTidak ada komentar

SALAH satu masalah yang dihadapi "newbie" adalah Cara Mengubah Warna Tampilan Blog, misalnya warna latar belakang menu atau header dari hitam ke merah dst.

Mengubah warna sangat mudah, yaitu tinggal ganti kode warna HTML-nya di template. (Lihat Kode Warna HTML).

Contohnya, kita mau mengubah warna background menu:

Intip dulu di mana posisi kode warnanya dengan cara: arahkan cursor mouse ke bagian menu, lalu klik kanan, dan pilih "inspect element", maka akan muncul kode warna seperti #000 (hitam).
Template > Edit HTML
Cari (Ctrl+F) elemen yang akan diubah warnanya
Ganti dengan kode warna lainnnya, misalnya dari HITAM (#000) menjadi MERAH (#c00).

MENGUBAH WARNA HURUF

Semua warna di template blog bisa diubah. Sebagai contoh, kita akan mengubah jenis huruf, ukuran huruf, dan warnanya. Maka, temukan kode-kode seperti ini:

Mengubah Warna Huruf
1. Template > Edit HTML
2. Cari [CTRL+F] kode body {3. Biasanya akan ada kode warna sepoerti color:#333333
4. Ubah menjadi, misalnya. #ff0000

Mengubah Jenis Huruf
1. Template > Edit HTML
2. Cari [CTRL+F] kode #outer-wrapper {
3. Biasanya akan ditemukan kode seprti font: 14px Arial; or font-family:Arial;
4. Ganti saja jenis hurfnya menjadi, misalnya, Georgia, Helvetica, Times, etc.

SINGKATNYA

Kode warna HTML berupa ANGKA, HURUF, atau kombinas ANGKA & HURUF, yang diawali dengan tanda pagar (#). Contohnya:

Daftar Nama Warna dan Kode Warna:

Nama Warna	Hex	Desimal
001. aliceblue	#f0f8ff	240,248,255
002. antiquewhite	#faebd7	250,235,215
003. aqua	#00ffff	0,255,255
004. aquamarine	#7fffd4	127,255,212
005. azure	#f0ffff	240,255,255
006. beige	#f5f5dc	245,245,220
007. bisque	#ffe4c4	255,228,196
008. black	#000000	0,0,0
009. blanchedalmond	#ffebcd	255,235,205
010. blue	#0000ff	0,0,255
011. blueviolet	#8a2be2	138,43,226
012. brown	#a52a2a	165,42,42
013. burlywood	#deb887	222,184,135
014. cadetblue	#5f9ea0	95,158,160
015. chartreuse	#7fff00	127,255,0
016. chocolate	#d2691e	210,105,30
017. coral	#ff7f50	255,127,80
018. cornflowerblue	#6495ed	100,149,237
019. cornsilk	#fff8dc	255,248,220
020. crimson	#dc143c	220,20,60
021. cyan	#00ffff	0,255,255
022. darkblue	#00008b	0,0,139
023. darkcyan	#008b8b	0,139,139
024. darkgoldenrod	#b8860b	184,134,11
025. darkgray	#a9a9a9	169,169,169
026. darkgreen	#006400	0,100,0
027. darkkhaki	#bdb76b	189,183,107
028. darkmagenta	#8b008b	139,0,139
029. darkolivegreen	#556b2f	85,107,47
030. darkorange	#ff8c00	255,140,0
031. darkorchid	#9932cc	153,50,204
032. darkred	#8b0000	139,0,0
033. darksalmon	#e9967a	233,150,122
034. darkseagreen	#8fbc8f	143,188,143
035. darkslateblue	#483d8b	72,61,139
036. darkslategray	#2f4f4f	47,79,79
037. darkturquoise	#00ced1	0,206,209
038. darkviolet	#9400d3	148,0,211
039. deeppink	#ff1493	255,20,147
040. deepskyblue	#00bfff	0,191,255
041. dimgray	#696969	105,105,105
042. dodgerblue	#1e90ff	30,144,255
043. firebrick	#b22222	178,34,34
044. floralwhite	#fffaf0	255,250,240
045. forestgreen	#228b22	34,139,34
046. fuchsia	#ff00ff	255,0,255
047. gainsboro	#dcdcdc	220,220,220
048. ghostwhite	#f8f8ff	248,248,255
049. gold	#ffd700	255,215,0
050. goldenrod	#daa520	218,165,32
051. gray	#808080	128,128,128
052. green	#008000	0,128,0
053. greenyellow	#adff2f	173,255,47
054. honeydew	#f0fff0	240,255,240
055. hotpink	#ff69b4	255,105,180
056. indianred	#cd5c5c	205,92,92
057. indigo	#4b0082	75,0,130
058. ivory	#fffff0	255,255,240
059. khaki	#f0e68c	240,230,140
060. lavender	#e6e6fa	230,230,250
061. lavenderblush	#fff0f5	255,240,245
062. lawngreen	#7cfc00	124,252,0
063. lemonchiffon	#fffacd	255,250,205
064. lightblue	#add8e6	173,216,230
065. lightcoral	#f08080	240,128,128
066. lightcyan	#e0ffff	224,255,255
067. lightgoldenrodyellow	#fafad2	250,250,210
068. lightgray	#d3d3d3	211,211,211
069. lightgreen	#90ee90	144,238,144
070. lightpink	#ffb6c1	255,182,193
071. lightsalmon	#ffa07a	255,160,122
072. lightseagreen	#20b2aa	32,178,170
073. lightskyblue	#87cefa	135,206,250
074. lightslategray	#778899	119,136,153
075. lightsteelblue	#b0c4de	176,196,222
076. lightyellow	#ffffe0	255,255,224
077. lime	#00ff00	0,255,0
078. limegreen	#32cd32	50,205,50
079. linen	#faf0e6	250,240,230
080. magenta	#ff00ff	255,0,255
081. maroon	#800000	128,0,0
082. mediumaquamarine	#66cdaa	102,205,170
083. mediumblue	#0000cd	0,0,205
084. mediumorchid	#ba55d3	186,85,211
085. mediumpurple	#9370db	147,112,219
086. mediumseagreen	#3cb371	60,179,113
087. mediumslateblue	#7b68ee	123,104,238
088. mediumspringgreen	#00fa9a	0,250,154
089. mediumturquoise	#48d1cc	72,209,204
090. mediumvioletred	#c71585	199,21,133
091. midnightblue	#191970	25,25,112
092. mintcream	#f5fffa	245,255,250
093. mistyrose	#ffe4e1	255,228,225
094. moccasin	#ffe4b5	255,228,181
095. navajowhite	#ffdead	255,222,173
096. navy	#000080	0,0,128
097. oldlace	#fdf5e6	253,245,230
098. olive	#808000	128,128,0
099. olivedrab	#6b8e23	107,142,35
100. orange	#ffa500	255,165,0
101. orangered	#ff4500	255,69,0
102. orchid	#da70d6	218,112,214
103. palegoldenrod	#eee8aa	238,232,170
104. palegreen	#98fb98	152,251,152
105. paleturquoise	#afeeee	175,238,238
106. palevioletred	#db7093	219,112,147
107. papayawhip	#ffefd5	255,239,213
108. peachpuff	#ffdab9	255,218,185
109. peru	#cd853f	205,133,63
110. pink	#ffc0cb	255,192,203
111. plum	#dda0dd	221,160,221
112. powderblue	#b0e0e6	176,224,230
113. purple	#800080	128,0,128
114. red	#ff0000	255,0,0
115. rosybrown	#bc8f8f	188,143,143
116. royalblue	#4169e1	65,105,225
117. saddlebrown	#8b4513	139,69,19
118. salmon	#fa8072	250,128,114
119. sandybrown	#f4a460	244,164,96
120. seagreen	#2e8b57	46,139,87
121. seashell	#fff5ee	255,245,238
122. sienna	#a0522d	160,82,45
123. transparent	#c0c0c0	192,192,192
124. skyblue	#87ceeb	135,206,235
125. slateblue	#6a5acd	106,90,205
126. slategray	#708090	112,128,144
127. snow	#fffafa	255,250,250
128. springgreen	#00ff7f	0,255,127
129. steelblue	#4682b4	70,130,180
130. tan	#d2b48c	210,180,140
131. teal	#008080	0,128,128
132. thistle	#d8bfd8	216,191,216
133. tomato	#ff6347	255,99,71
134. turquoise	#40e0d0	64,224,208
135. violet	#ee82ee	238,130,238
136. wheat	#f5deb3	245,222,179
137. white	#ffffff	255,255,255
138. whitesmoke	#f5f5f5	245,245,245
139. yellow	#ffff00	255,255,0
140. yellowgreen	#9acd32	154,205,50

Cara Membuat Tabel Nama dan KODE Warna:

~ Tuliskan kode HTML berikut di halaman posting!

<center><table cellpadding="5" style="border: 10px ridge rgb(153, 102, 51);"><tbody style="font-family: cursive; font-size: 16px; font-weight: bolder;"><tr> <th style="background: none repeat scroll 0% 0% rgb(36, 32, 32);">Warna/Color</th> <th>Nama Warna</th> <th>Hex</th> <th>Desimal</th> </tr><tr> <td style="background: none repeat scroll 0% 0% aliceblue;"> </td><td>001. aliceblue</td><td style="background: none repeat scroll 0% 0% transparent;">#f0f8ff</td><td style="background: none repeat scroll 0% 0% transparent;">240,248,255</td></tr><tr> <td style="background: none repeat scroll 0% 0% antiquewhite;"> </td><td>002. antiquewhite</td><td style="background: none repeat scroll 0% 0% transparent;">#faebd7</td><td style="background: none repeat scroll 0% 0% transparent;">250,235,215</td></tr><tr> <td style="background: none repeat scroll 0% 0% aqua;"> </td><td>003. aqua</td><td style="background: none repeat scroll 0% 0% transparent;">#00ffff</td><td style="background: none repeat scroll 0% 0% transparent;">0,255,255</td></tr><tr> <td style="background: none repeat scroll 0% 0% aquamarine;"> </td><td>004. aquamarine</td><td style="background: none repeat scroll 0% 0% transparent;">#7fffd4</td><td style="background: none repeat scroll 0% 0% transparent;">127,255,212</td></tr><tr> <td style="background: none repeat scroll 0% 0% azure;"> </td><td>005. azure</td><td style="background: none repeat scroll 0% 0% transparent;">#f0ffff</td><td style="background: none repeat scroll 0% 0% transparent;">240,255,255</td></tr><tr> <td style="background: none repeat scroll 0% 0% beige;"> </td><td>006. beige</td><td style="background: none repeat scroll 0% 0% transparent;">#f5f5dc</td><td style="background: none repeat scroll 0% 0% transparent;">245,245,220</td></tr><tr> <td style="background: none repeat scroll 0% 0%bisque;"> </td><td>007. bisque</td><td style="background: none repeat scroll 0% 0% transparent;"> #ffe4c4 </td><td style="background: none repeat scroll 0% 0% transparent;"> 255,228,196 </td></tr></tbody> </table></center><h2>Color Values</h2>CSS colors can be defined as a hexadecimal notation for the combination of Red, Green, and Blue color values (RGB).The lowest value that can be given to one light source is 0 (hex #00) and the highest value is 255 (hex #FF).The table below shows the result of combining Red, Green, and Blue light sources:<table border="1" cellspacing="0" cellpadding="0" width="100%"><tbody><tr><td width="50%">Color</td><td width="25%">Color HEX</td><td width="25%">Color RGB</td></tr><tr><td style="background-color:#000000;"></td><td>#000000</td><td>rgb(0,0,0)</td></tr><tr><td style="background-color:#FF0000;"></td><td>#FF0000</td><td>rgb(255,0,0)</td></tr><tr><td style="background-color:#00FF00;"></td><td>#00FF00</td><td>rgb(0,255,0)</td></tr><tr><td style="background-color:#FFFF00;"></td><td>#FFFF00</td><td>rgb(255,255,0)</td></tr><tr><td style="background-color:#00FFFF;"></td><td>#00FFFF</td><td>rgb(0,255,255)</td></tr><tr><td style="background-color:#FF00FF;"></td><td>#FF00FF</td><td>rgb(255,0,255)</td></tr><tr><td style="background-color:#C0C0C0;"></td><td>#C0C0C0</td><td>rgb(192,192,192)</td></tr><tr><td style="background-color:#FFFFFF;"></td><td>#FFFFFF</td><td>rgb(255,255,255)</td></tr></tbody></table><hr size="1" noshade="noshade" /><h2>W3C Standard Color Names</h2>W3C has listed 16 color names that will validate with a CSS validator.The color names are: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.<hr size="1" noshade="noshade" /><h2>Cross-browser Color Names</h2>A collection of nearly 150 color names are supported by all major browsers.<a href="http://www.w3schools.com/css/css_colornames.asp">View the cross-browser color names</a><hr size="1" noshade="noshade" /><h2>Cross-browser Color Values</h2>Some years ago, when most computers only supported 256 different colors, a list of 216 Web Safe Colors was suggested as a Web standard. The reason for this was that the Microsoft and Mac operating system used 40 different “reserved” fixed system colors (about 20 each).We are not sure how important this is now, since most computers today have the ability to display millions of different colors, but the choice is left to you.The 216 cross-browser color palette was created to ensure that all computers would display the colors correctly when running a 256 color palette:<table border="1" cellpadding="0" width="100%"><tbody><tr><td style="background-color:#000000;">000000</td><td style="background-color:#000033;">000033</td><td style="background-color:#000066;">000066</td><td style="background-color:#000099;">000099</td><td style="background-color:#0000CC;">0000CC</td><td style="background-color:#0000FF;">0000FF</td></tr><tr><td style="background-color:#003300;">003300</td><td style="background-color:#003333;">003333</td><td style="background-color:#003366;">003366</td><td style="background-color:#003399;">003399</td><td style="background-color:#0033CC;">0033CC</td><td style="background-color:#0033FF;">0033FF</td></tr><tr><td style="background-color:#006600;text-align:center;">006600</td><td style="background-color:#006633;">006633</td><td style="background-color:#006666;">006666</td><td style="background-color:#006699;">006699</td><td style="background-color:#0066CC;">0066CC</td><td style="background-color:#0066FF;">0066FF</td></tr><tr><td style="background-color:#009900;">009900</td><td style="background-color:#009933;">009933</td><td style="background-color:#009966;">009966</td><td style="background-color:#009999;">009999</td><td style="background-color:#0099CC;">0099CC</td><td style="background-color:#0099FF;">0099FF</td></tr><tr><td style="background-color:#00CC00;">00CC00</td><td style="background-color:#00CC33;">00CC33</td><td style="background-color:#00CC66;">00CC66</td><td style="background-color:#00CC99;">00CC99</td><td style="background-color:#00CCCC;">00CCCC</td><td style="background-color:#00CCFF;">00CCFF</td></tr><tr><td style="background-color:#00FF00;">00FF00</td><td style="background-color:#00FF33;">00FF33</td><td style="background-color:#00FF66;">00FF66</td><td style="background-color:#00FF99;">00FF99</td><td style="background-color:#00FFCC;">00FFCC</td><td style="background-color:#00FFFF;">00FFFF</td></tr><tr><td style="background-color:#330000;">330000</td><td style="background-color:#330033;">330033</td><td style="background-color:#330066;">330066</td><td style="background-color:#330099;">330099</td><td style="background-color:#3300CC;">3300CC</td><td style="background-color:#3300FF;">3300FF</td></tr><tr><td style="background-color:#333300;">333300</td><td style="background-color:#333333;">333333</td><td style="background-color:#333366;">333366</td><td style="background-color:#333399;">333399</td><td style="background-color:#3333CC;">3333CC</td><td style="background-color:#3333FF;">3333FF</td></tr><tr><td style="background-color:#336600;">336600</td><td style="background-color:#336633;">336633</td><td style="background-color:#336666;">336666</td><td style="background-color:#336699;">336699</td><td style="background-color:#3366CC;">3366CC</td><td style="background-color:#3366FF;">3366FF</td></tr><tr><td style="background-color:#339900;">339900</td><td style="background-color:#339933;">339933</td><td style="background-color:#339966;">339966</td><td style="background-color:#339999;">339999</td><td style="background-color:#3399CC;">3399CC</td><td style="background-color:#3399FF;">3399FF</td></tr><tr><td style="background-color:#33CC00;">33CC00</td><td style="background-color:#33CC33;">33CC33</td><td style="background-color:#33CC66;">33CC66</td><td style="background-color:#33CC99;">33CC99</td><td style="background-color:#33CCCC;">33CCCC</td><td style="background-color:#33CCFF;">33CCFF</td></tr><tr><td style="background-color:#33FF00;">33FF00</td><td style="background-color:#33FF33;">33FF33</td><td style="background-color:#33FF66;">33FF66</td><td style="background-color:#33FF99;">33FF99</td><td style="background-color:#33FFCC;">33FFCC</td><td style="background-color:#33FFFF;">33FFFF</td></tr><tr><td style="background-color:#660000;">660000</td><td style="background-color:#660033;">660033</td><td style="background-color:#660066;">660066</td><td style="background-color:#660099;">660099</td><td style="background-color:#6600CC;">6600CC</td><td style="background-color:#6600FF;">6600FF</td></tr><tr><td style="background-color:#663300;">663300</td><td style="background-color:#663333;">663333</td><td style="background-color:#663366;">663366</td><td style="background-color:#663399;">663399</td><td style="background-color:#6633CC;">6633CC</td><td style="background-color:#6633FF;">6633FF</td></tr><tr><td style="background-color:#666600;">666600</td><td style="background-color:#666633;">666633</td><td style="background-color:#666666;">666666</td><td style="background-color:#666699;">666699</td><td style="background-color:#6666CC;">6666CC</td><td style="background-color:#6666FF;">6666FF</td></tr><tr><td style="background-color:#669900;">669900</td><td style="background-color:#669933;">669933</td><td style="background-color:#669966;">669966</td><td style="background-color:#669999;">669999</td><td style="background-color:#6699CC;">6699CC</td><td style="background-color:#6699FF;">6699FF</td></tr><tr><td style="background-color:#66CC00;">66CC00</td><td style="background-color:#66CC33;">66CC33</td><td style="background-color:#66CC66;">66CC66</td><td style="background-color:#66CC99;">66CC99</td><td style="background-color:#66CCCC;">66CCCC</td><td style="background-color:#66CCFF;">66CCFF</td></tr><tr><td style="background-color:#66FF00;">66FF00</td><td style="background-color:#66FF33;">66FF33</td><td style="background-color:#66FF66;">66FF66</td><td style="background-color:#66FF99;">66FF99</td><td style="background-color:#66FFCC;">66FFCC</td><td style="background-color:#66FFFF;">66FFFF</td></tr><tr><td style="background-color:#990000;">990000</td><td style="background-color:#990033;">990033</td><td style="background-color:#990066;">990066</td><td style="background-color:#990099;">990099</td><td style="background-color:#9900CC;">9900CC</td><td style="background-color:#9900FF;">9900FF</td></tr><tr><td style="background-color:#993300;">993300</td><td style="background-color:#993333;">993333</td><td style="background-color:#993366;">993366</td><td style="background-color:#993399;">993399</td><td style="background-color:#9933CC;">9933CC</td><td style="background-color:#9933FF;">9933FF</td></tr><tr><td style="background-color:#996600;">996600</td><td style="background-color:#996633;">996633</td><td style="background-color:#996666;">996666</td><td style="background-color:#996699;">996699</td><td style="background-color:#9966CC;">9966CC</td><td style="background-color:#9966FF;">9966FF</td></tr><tr><td style="background-color:#999900;">999900</td><td style="background-color:#999933;">999933</td><td style="background-color:#999966;">999966</td><td style="background-color:#999999;">999999</td><td style="background-color:#9999CC;">9999CC</td><td style="background-color:#9999FF;">9999FF</td></tr><tr><td style="background-color:#99CC00;">99CC00</td><td style="background-color:#99CC33;">99CC33</td><td style="background-color:#99CC66;">99CC66</td><td style="background-color:#99CC99;">99CC99</td><td style="background-color:#99CCCC;">99CCCC</td><td style="background-color:#99CCFF;">99CCFF</td></tr><tr><td style="background-color:#99FF00;">99FF00</td><td style="background-color:#99FF33;">99FF33</td><td style="background-color:#99FF66;">99FF66</td><td style="background-color:#99FF99;">99FF99</td><td style="background-color:#99FFCC;">99FFCC</td><td style="background-color:#99FFFF;">99FFFF</td></tr><tr><td style="background-color:#CC0000;">CC0000</td><td style="background-color:#CC0033;">CC0033</td><td style="background-color:#CC0066;">CC0066</td><td style="background-color:#CC0099;">CC0099</td><td style="background-color:#CC00CC;">CC00CC</td><td style="background-color:#CC00FF;">CC00FF</td></tr><tr><td style="background-color:#CC3300;">CC3300</td><td style="background-color:#CC3333;">CC3333</td><td style="background-color:#CC3366;">CC3366</td><td style="background-color:#CC3399;">CC3399</td><td style="background-color:#CC33CC;">CC33CC</td><td style="background-color:#CC33FF;">CC33FF</td></tr><tr><td style="background-color:#CC6600;">CC6600</td><td style="background-color:#CC6633;">CC6633</td><td style="background-color:#CC6666;">CC6666</td><td style="background-color:#CC6699;">CC6699</td><td style="background-color:#CC66CC;">CC66CC</td><td style="background-color:#CC66FF;">CC66FF</td></tr><tr><td style="background-color:#CC9900;">CC9900</td><td style="background-color:#CC9933;">CC9933</td><td style="background-color:#CC9966;">CC9966</td><td style="background-color:#CC9999;">CC9999</td><td style="background-color:#CC99CC;">CC99CC</td><td style="background-color:#CC99FF;">CC99FF</td></tr><tr><td style="background-color:#CCCC00;">CCCC00</td><td style="background-color:#CCCC33;">CCCC33</td><td style="background-color:#CCCC66;">CCCC66</td><td style="background-color:#CCCC99;">CCCC99</td><td style="background-color:#CCCCCC;">CCCCCC</td><td style="background-color:#CCCCFF;">CCCCFF</td></tr><tr><td style="background-color:#CCFF00;">CCFF00</td><td style="background-color:#CCFF33;">CCFF33</td><td style="background-color:#CCFF66;">CCFF66</td><td style="background-color:#CCFF99;">CCFF99</td><td style="background-color:#CCFFCC;">CCFFCC</td><td style="background-color:#CCFFFF;">CCFFFF</td></tr><tr><td style="background-color:#FF0000;">FF0000</td><td style="background-color:#FF0033;">FF0033</td><td style="background-color:#FF0066;">FF0066</td><td style="background-color:#FF0099;">FF0099</td><td style="background-color:#FF00CC;">FF00CC</td><td style="background-color:#FF00FF;">FF00FF</td></tr><tr><td style="background-color:#FF3300;">FF3300</td><td style="background-color:#FF3333;">FF3333</td><td style="background-color:#FF3366;">FF3366</td><td style="background-color:#FF3399;">FF3399</td><td style="background-color:#FF33CC;">FF33CC</td><td style="background-color:#FF33FF;">FF33FF</td></tr><tr><td style="background-color:#FF6600;">FF6600</td><td style="background-color:#FF6633;">FF6633</td><td style="background-color:#FF6666;">FF6666</td><td style="background-color:#FF6699;">FF6699</td><td style="background-color:#FF66CC;">FF66CC</td><td style="background-color:#FF66FF;">FF66FF</td></tr><tr><td style="background-color:#FF9900;">FF9900</td><td style="background-color:#FF9933;">FF9933</td><td style="background-color:#FF9966;">FF9966</td><td style="background-color:#FF9999;">FF9999</td><td style="background-color:#FF99CC;">FF99CC</td><td style="background-color:#FF99FF;">FF99FF</td></tr><tr><td style="background-color:#FFCC00;">FFCC00</td><td style="background-color:#FFCC33;">FFCC33</td><td style="background-color:#FFCC66;">FFCC66</td><td style="background-color:#FFCC99;">FFCC99</td><td style="background-color:#FFCCCC;">FFCCCC</td><td style="background-color:#FFCCFF;">FFCCFF</td></tr><tr><td style="background-color:#FFFF00;">FFFF00</td><td style="background-color:#FFFF33;">FFFF33</td><td style="background-color:#FFFF66;">FFFF66</td><td style="background-color:#FFFF99;">FFFF99</td><td style="background-color:#FFFFCC;">FFFFCC</td><td style="background-color:#FFFFFF;">FFFFFF</td></tr></tbody></table>Colors are displayed combining RED, GREEN, and BLUE light sources.<hr size="1" noshade="noshade" /><h2>Color Values</h2>CSS colors are defined using a hexadecimal notation for the combination of Red, Green, and Blue color values (RGB). The lowest value that can be given to one light source is 0 (hex #00). The highest value is 255 (hex #FF).<hr size="1" noshade="noshade" /><h2>16384 Different Colors</h2>Most modern monitors are capable of displaying at least 16384 different colors.If you look at the color table below, you will see the result of varying the red light from 0 to 255, while keeping the green and blue light at zero.To see a full list of 16384 different colors based on red light varying from 0 to 255, click on one of the hexadecimal or rgb values below.<table style="text-align:center;" border="1" cellspacing="0" cellpadding="0" width="100%"><tbody><tr><td style="background-color:#000000;" width="50%"></td><td style="text-align:center;" width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=0">#000000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=0">rgb(0,0,0)</a></td></tr><tr><td style="background-color:#080000;" width="50%"></td><td style="text-align:center;" width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=8">#080000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=8">rgb(8,0,0)</a></td></tr><tr><td style="background-color:#100000;" width="50%"></td><td style="text-align:center;" width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=16">#100000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=16">rgb(16,0,0)</a></td></tr><tr><td style="background-color:#180000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=24">#180000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=24">rgb(24,0,0)</a></td></tr><tr><td style="background-color:#200000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=32">#200000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=32">rgb(32,0,0)</a></td></tr><tr><td style="background-color:#280000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=40">#280000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=40">rgb(40,0,0)</a></td></tr><tr><td style="background-color:#300000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=48">#300000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=48">rgb(48,0,0)</a></td></tr><tr><td style="background-color:#380000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=56">#380000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=56">rgb(56,0,0)</a></td></tr><tr><td style="background-color:#400000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=64">#400000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=64">rgb(64,0,0)</a></td></tr><tr><td style="background-color:#480000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=72">#480000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=72">rgb(72,0,0)</a></td></tr><tr><td style="background-color:#500000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=80">#500000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=80">rgb(80,0,0)</a></td></tr><tr><td style="background-color:#580000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=88">#580000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=88">rgb(88,0,0)</a></td></tr><tr><td style="background-color:#600000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=96">#600000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=96">rgb(96,0,0)</a></td></tr><tr><td style="background-color:#680000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=104">#680000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=104">rgb(104,0,0)</a></td></tr><tr><td style="background-color:#700000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=112">#700000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=112">rgb(112,0,0)</a></td></tr><tr><td style="background-color:#780000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=120">#780000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=120">rgb(120,0,0)</a></td></tr><tr><td style="background-color:#800000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=128">#800000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=128">rgb(128,0,0)</a></td></tr><tr><td style="background-color:#880000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=136">#880000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=136">rgb(136,0,0)</a></td></tr><tr><td style="background-color:#900000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=144">#900000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=144">rgb(144,0,0)</a></td></tr><tr><td style="background-color:#980000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=152">#980000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=152">rgb(152,0,0)</a></td></tr><tr><td style="background-color:#a00000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=160">#A00000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=160">rgb(160,0,0)</a></td></tr><tr><td style="background-color:#a80000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=168">#A80000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=168">rgb(168,0,0)</a></td></tr><tr><td style="background-color:#b00000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=176">#B00000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=176">rgb(176,0,0)</a></td></tr><tr><td style="background-color:#b80000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=184">#B80000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=184">rgb(184,0,0)</a></td></tr><tr><td style="background-color:#c00000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=192">#C00000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=192">rgb(192,0,0)</a></td></tr><tr><td style="background-color:#c80000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=200">#C80000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=200">rgb(200,0,0)</a></td></tr><tr><td style="background-color:#d00000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=208">#D00000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=208">rgb(208,0,0)</a></td></tr><tr><td style="background-color:#d80000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=216">#D80000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=216">rgb(216,0,0)</a></td></tr><tr><td style="background-color:#e00000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=224">#E00000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=224">rgb(224,0,0)</a></td></tr><tr><td style="background-color:#e80000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=232">#E80000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=232">rgb(232,0,0)</a></td></tr><tr><td style="background-color:#f00000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=240">#F00000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=240">rgb(240,0,0)</a></td></tr><tr><td style="background-color:#f80000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=248">#F80000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=248">rgb(248,0,0)</a></td></tr><tr><td style="background-color:#ff0000;" width="50%"></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=255">#FF0000</a></td><td width="25%"><a href="http://www.w3schools.com/html/html_colorsmore.asp?color=255">rgb(255,0,0)</a></td></tr></tbody></table><hr size="1" noshade="noshade" /><h2>Shades of Gray</h2>Gray colors are displayed using an equal amount of power to all of the light sources. To make it easier for you to select the right gray color we have compiled a table of gray shades for you:<table border="1" cellspacing="0" cellpadding="0" width="100%"><tbody><tr><td style="background-color:#000000;" width="45%"></td><td width="35%">RGB(0,0,0)</td><td width="20%">#000000</td></tr><tr><td style="background-color:#080808;" width="45%"></td><td width="35%">RGB(8,8,8)</td><td width="20%">#080808</td></tr><tr><td style="background-color:#101010;" width="45%"></td><td width="35%">RGB(16,16,16)</td><td width="20%">#101010</td></tr><tr><td style="background-color:#181818;" width="45%"></td><td width="35%">RGB(24,24,24)</td><td width="20%">#181818</td></tr><tr><td style="background-color:#202020;" width="45%"></td><td width="35%">RGB(32,32,32)</td><td width="20%">#202020</td></tr><tr><td style="background-color:#282828;" width="45%"></td><td width="35%">RGB(40,40,40)</td><td width="20%">#282828</td></tr><tr><td style="background-color:#303030;" width="45%"></td><td width="35%">RGB(48,48,48)</td><td width="20%">#303030</td></tr><tr><td style="background-color:#383838;" width="45%"></td><td width="35%">RGB(56,56,56)</td><td width="20%">#383838</td></tr><tr><td style="background-color:#404040;" width="45%"></td><td width="35%">RGB(64,64,64)</td><td width="20%">#404040</td></tr><tr><td style="background-color:#484848;" width="45%"></td><td width="35%">RGB(72,72,72)</td><td width="20%">#484848</td></tr><tr><td style="background-color:#505050;" width="45%"></td><td width="35%">RGB(80,80,80)</td><td width="20%">#505050</td></tr><tr><td style="background-color:#585858;" width="45%"></td><td width="35%">RGB(88,88,88)</td><td width="20%">#585858</td></tr><tr><td style="background-color:#606060;" width="45%"></td><td width="35%">RGB(96,96,96)</td><td width="20%">#606060</td></tr><tr><td style="background-color:#686868;" width="45%"></td><td width="35%">RGB(104,104,104)</td><td width="20%">#686868</td></tr><tr><td style="background-color:#707070;" width="45%"></td><td width="35%">RGB(112,112,112)</td><td width="20%">#707070</td></tr><tr><td style="background-color:#787878;" width="45%"></td><td width="35%">RGB(120,120,120)</td><td width="20%">#787878</td></tr><tr><td style="background-color:#808080;" width="45%"></td><td width="35%">RGB(128,128,128)</td><td width="20%">#808080</td></tr><tr><td style="background-color:#888888;" width="45%"></td><td width="35%">RGB(136,136,136)</td><td width="20%">#888888</td></tr><tr><td style="background-color:#909090;" width="45%"></td><td width="35%">RGB(144,144,144)</td><td width="20%">#909090</td></tr><tr><td style="background-color:#989898;" width="45%"></td><td width="35%">RGB(152,152,152)</td><td width="20%">#989898</td></tr><tr><td style="background-color:#A0A0A0;" width="45%"></td><td width="35%">RGB(160,160,160)</td><td width="20%">#A0A0A0</td></tr><tr><td style="background-color:#A8A8A8;" width="45%"></td><td width="35%">RGB(168,168,168)</td><td width="20%">#A8A8A8</td></tr><tr><td style="background-color:#B0B0B0;" width="45%"></td><td width="35%">RGB(176,176,176)</td><td width="20%">#B0B0B0</td></tr><tr><td style="background-color:#B8B8B8;" width="45%"></td><td width="35%">RGB(184,184,184)</td><td width="20%">#B8B8B8</td></tr><tr><td style="background-color:#C0C0C0;" width="45%"></td><td width="35%">RGB(192,192,192)</td><td width="20%">#C0C0C0</td></tr><tr><td style="background-color:#C8C8C8;" width="45%"></td><td width="35%">RGB(200,200,200)</td><td width="20%">#C8C8C8</td></tr><tr><td style="background-color:#D0D0D0;" width="45%"></td><td width="35%">RGB(208,208,208)</td><td width="20%">#D0D0D0</td></tr><tr><td style="background-color:#D8D8D8;" width="45%"></td><td width="35%">RGB(216,216,216)</td><td width="20%">#D8D8D8</td></tr><tr><td style="background-color:#E0E0E0;" width="45%"></td><td width="35%">RGB(224,224,224)</td><td width="20%">#E0E0E0</td></tr><tr><td style="background-color:#E8E8E8;" width="45%"></td><td width="35%">RGB(232,232,232)</td><td width="20%">#E8E8E8</td></tr><tr><td style="background-color:#F0F0F0;" width="45%"></td><td width="35%">RGB(240,240,240)</td><td width="20%">#F0F0F0</td></tr><tr><td style="background-color:#F8F8F8;" width="45%"></td><td width="35%">RGB(248,248,248)</td><td width="20%">#F8F8F8</td></tr><tr><td style="background-color:#FFFFFF;" width="45%"></td><td width="35%">RGB(255,255,255)</td><td width="20%">#FFFFFF</td></tr></tbody></table><h2>CSS Color Names</h2>The table below provides a list of the color names that are supported by all major browsers.Note: If you want your pages to validate with an HTML or a CSS validator, W3C has listed 16 color names that you can use: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. If you want to use other colors, you must specify their RGB or HEX value.Click on a color name (or a hex value) to view the color as the background-color along with different text colors:<table border="1" cellspacing="0" cellpadding="0" width="100%"><tbody><tr><td style="text-align:center;" width="25%">Color Name</td><td style="text-align:center;" width="25%">Color HEX</td><td style="text-align:center;" width="50%">Color</td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=AliceBlue" target="_blank">AliceBlue</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0F8FF" target="_blank">#F0F8FF</a></td><td style="background-color:#F0F8FF;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=AntiqueWhite" target="_blank">AntiqueWhite</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FAEBD7" target="_blank">#FAEBD7</a></td><td style="background-color:#FAEBD7;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Aqua" target="_blank">Aqua</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FFFF" target="_blank">#00FFFF</a></td><td style="background-color:#00FFFF;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Aquamarine" target="_blank">Aquamarine</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=7FFFD4" target="_blank">#7FFFD4</a></td><td style="background-color:#7FFFD4;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Azure" target="_blank">Azure</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0FFFF" target="_blank">#F0FFFF</a></td><td style="background-color:#F0FFFF;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Beige" target="_blank">Beige</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5F5DC" target="_blank">#F5F5DC</a></td><td style="background-color:#F5F5DC;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Bisque" target="_blank">Bisque</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFE4C4" target="_blank">#FFE4C4</a></td><td style="background-color:#FFE4C4;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Black" target="_blank">Black</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=000000" target="_blank">#000000</a></td><td style="background-color:#000000;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=BlanchedAlmond" target="_blank">BlanchedAlmond</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFEBCD" target="_blank">#FFEBCD</a></td><td style="background-color:#FFEBCD;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Blue" target="_blank">Blue</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=0000FF" target="_blank">#0000FF</a></td><td style="background-color:#0000FF;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=BlueViolet" target="_blank">BlueViolet</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=8A2BE2" target="_blank">#8A2BE2</a></td><td style="background-color:#8A2BE2;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Brown" target="_blank">Brown</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=A52A2A" target="_blank">#A52A2A</a></td><td style="background-color:#A52A2A;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=BurlyWood" target="_blank">BurlyWood</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=DEB887" target="_blank">#DEB887</a></td><td style="background-color:#DEB887;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=CadetBlue" target="_blank">CadetBlue</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=5F9EA0" target="_blank">#5F9EA0</a></td><td style="background-color:#5F9EA0;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Chartreuse" target="_blank">Chartreuse</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=7FFF00" target="_blank">#7FFF00</a></td><td style="background-color:#7FFF00;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Chocolate" target="_blank">Chocolate</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=D2691E" target="_blank">#D2691E</a></td><td style="background-color:#D2691E;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Coral" target="_blank">Coral</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF7F50" target="_blank">#FF7F50</a></td><td style="background-color:#FF7F50;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=CornflowerBlue" target="_blank">CornflowerBlue</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=6495ED" target="_blank">#6495ED</a></td><td style="background-color:#6495ED;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Cornsilk" target="_blank">Cornsilk</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFF8DC" target="_blank">#FFF8DC</a></td><td style="background-color:#FFF8DC;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Crimson" target="_blank">Crimson</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=DC143C" target="_blank">#DC143C</a></td><td style="background-color:#DC143C;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Cyan" target="_blank">Cyan</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FFFF" target="_blank">#00FFFF</a></td><td style="background-color:#00FFFF;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkBlue" target="_blank">DarkBlue</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=00008B" target="_blank">#00008B</a></td><td style="background-color:#00008B;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkCyan" target="_blank">DarkCyan</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=008B8B" target="_blank">#008B8B</a></td><td style="background-color:#008B8B;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGoldenRod" target="_blank">DarkGoldenRod</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=B8860B" target="_blank">#B8860B</a></td><td style="background-color:#B8860B;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGray" target="_blank">DarkGray</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=A9A9A9" target="_blank">#A9A9A9</a></td><td style="background-color:#A9A9A9;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkGreen" target="_blank">DarkGreen</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=006400" target="_blank">#006400</a></td><td style="background-color:#006400;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkKhaki" target="_blank">DarkKhaki</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=BDB76B" target="_blank">#BDB76B</a></td><td style="background-color:#BDB76B;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkMagenta" target="_blank">DarkMagenta</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=8B008B" target="_blank">#8B008B</a></td><td style="background-color:#8B008B;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkOliveGreen" target="_blank">DarkOliveGreen</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=556B2F" target="_blank">#556B2F</a></td><td style="background-color:#556B2F;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Darkorange" target="_blank">Darkorange</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF8C00" target="_blank">#FF8C00</a></td><td style="background-color:#FF8C00;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkOrchid" target="_blank">DarkOrchid</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=9932CC" target="_blank">#9932CC</a></td><td style="background-color:#9932CC;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkRed" target="_blank">DarkRed</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=8B0000" target="_blank">#8B0000</a></td><td style="background-color:#8B0000;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSalmon" target="_blank">DarkSalmon</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=E9967A" target="_blank">#E9967A</a></td><td style="background-color:#E9967A;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSeaGreen" target="_blank">DarkSeaGreen</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=8FBC8F" target="_blank">#8FBC8F</a></td><td style="background-color:#8FBC8F;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSlateBlue" target="_blank">DarkSlateBlue</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=483D8B" target="_blank">#483D8B</a></td><td style="background-color:#483D8B;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSlateGray" target="_blank">DarkSlateGray</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=2F4F4F" target="_blank">#2F4F4F</a></td><td style="background-color:#2F4F4F;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkSlateGrey" target="_blank">DarkSlateGrey</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=2F4F4F" target="_blank">#2F4F4F</a></td><td style="background-color:#2F4F4F;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkTurquoise" target="_blank">DarkTurquoise</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=00CED1" target="_blank">#00CED1</a></td><td style="background-color:#00CED1;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DarkViolet" target="_blank">DarkViolet</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=9400D3" target="_blank">#9400D3</a></td><td style="background-color:#9400D3;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DeepPink" target="_blank">DeepPink</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF1493" target="_blank">#FF1493</a></td><td style="background-color:#FF1493;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DeepSkyBlue" target="_blank">DeepSkyBlue</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=00BFFF" target="_blank">#00BFFF</a></td><td style="background-color:#00BFFF;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DimGray" target="_blank">DimGray</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=696969" target="_blank">#696969</a></td><td style="background-color:#696969;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=DodgerBlue" target="_blank">DodgerBlue</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=1E90FF" target="_blank">#1E90FF</a></td><td style="background-color:#1E90FF;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=FireBrick" target="_blank">FireBrick</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=B22222" target="_blank">#B22222</a></td><td style="background-color:#B22222;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=FloralWhite" target="_blank">FloralWhite</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFAF0" target="_blank">#FFFAF0</a></td><td style="background-color:#FFFAF0;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=ForestGreen" target="_blank">ForestGreen</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=228B22" target="_blank">#228B22</a></td><td style="background-color:#228B22;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Fuchsia" target="_blank">Fuchsia</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF00FF" target="_blank">#FF00FF</a></td><td style="background-color:#FF00FF;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Gainsboro" target="_blank">Gainsboro</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=DCDCDC" target="_blank">#DCDCDC</a></td><td style="background-color:#DCDCDC;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=GhostWhite" target="_blank">GhostWhite</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=F8F8FF" target="_blank">#F8F8FF</a></td><td style="background-color:#F8F8FF;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Gold" target="_blank">Gold</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFD700" target="_blank">#FFD700</a></td><td style="background-color:#FFD700;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=GoldenRod" target="_blank">GoldenRod</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=DAA520" target="_blank">#DAA520</a></td><td style="background-color:#DAA520;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Gray" target="_blank">Gray</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=808080" target="_blank">#808080</a></td><td style="background-color:#808080;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Green" target="_blank">Green</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=008000" target="_blank">#008000</a></td><td style="background-color:#008000;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=GreenYellow" target="_blank">GreenYellow</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=ADFF2F" target="_blank">#ADFF2F</a></td><td style="background-color:#ADFF2F;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=HoneyDew" target="_blank">HoneyDew</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0FFF0" target="_blank">#F0FFF0</a></td><td style="background-color:#F0FFF0;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=HotPink" target="_blank">HotPink</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF69B4" target="_blank">#FF69B4</a></td><td style="background-color:#FF69B4;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=IndianRed%20" target="_blank">IndianRed </a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=CD5C5C" target="_blank">#CD5C5C</a></td><td style="background-color:#CD5C5C;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Indigo%20%20" target="_blank">Indigo </a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=4B0082" target="_blank">#4B0082</a></td><td style="background-color:#4B0082;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Ivory" target="_blank">Ivory</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFFF0" target="_blank">#FFFFF0</a></td><td style="background-color:#FFFFF0;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Khaki" target="_blank">Khaki</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=F0E68C" target="_blank">#F0E68C</a></td><td style="background-color:#F0E68C;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Lavender" target="_blank">Lavender</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=E6E6FA" target="_blank">#E6E6FA</a></td><td style="background-color:#E6E6FA;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=LavenderBlush" target="_blank">LavenderBlush</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFF0F5" target="_blank">#FFF0F5</a></td><td style="background-color:#FFF0F5;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=LawnGreen" target="_blank">LawnGreen</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=7CFC00" target="_blank">#7CFC00</a></td><td style="background-color:#7CFC00;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=LemonChiffon" target="_blank">LemonChiffon</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFACD" target="_blank">#FFFACD</a></td><td style="background-color:#FFFACD;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightBlue" target="_blank">LightBlue</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=ADD8E6" target="_blank">#ADD8E6</a></td><td style="background-color:#ADD8E6;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightCoral" target="_blank">LightCoral</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=F08080" target="_blank">#F08080</a></td><td style="background-color:#F08080;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightCyan" target="_blank">LightCyan</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=E0FFFF" target="_blank">#E0FFFF</a></td><td style="background-color:#E0FFFF;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightGoldenRodYellow" target="_blank">LightGoldenRodYellow</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FAFAD2" target="_blank">#FAFAD2</a></td><td style="background-color:#FAFAD2;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightGray" target="_blank">LightGray</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=D3D3D3" target="_blank">#D3D3D3</a></td><td style="background-color:#D3D3D3;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightGreen" target="_blank">LightGreen</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=90EE90" target="_blank">#90EE90</a></td><td style="background-color:#90EE90;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightPink" target="_blank">LightPink</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFB6C1" target="_blank">#FFB6C1</a></td><td style="background-color:#FFB6C1;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSalmon" target="_blank">LightSalmon</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFA07A" target="_blank">#FFA07A</a></td><td style="background-color:#FFA07A;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSeaGreen" target="_blank">LightSeaGreen</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=20B2AA" target="_blank">#20B2AA</a></td><td style="background-color:#20B2AA;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSkyBlue" target="_blank">LightSkyBlue</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=87CEFA" target="_blank">#87CEFA</a></td><td style="background-color:#87CEFA;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSlateGray" target="_blank">LightSlateGray</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=778899" target="_blank">#778899</a></td><td style="background-color:#778899;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightSteelBlue" target="_blank">LightSteelBlue</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=B0C4DE" target="_blank">#B0C4DE</a></td><td style="background-color:#B0C4DE;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=LightYellow" target="_blank">LightYellow</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFFE0" target="_blank">#FFFFE0</a></td><td style="background-color:#FFFFE0;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Lime" target="_blank">Lime</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FF00" target="_blank">#00FF00</a></td><td style="background-color:#00FF00;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=LimeGreen" target="_blank">LimeGreen</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=32CD32" target="_blank">#32CD32</a></td><td style="background-color:#32CD32;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Linen" target="_blank">Linen</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FAF0E6" target="_blank">#FAF0E6</a></td><td style="background-color:#FAF0E6;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Magenta" target="_blank">Magenta</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF00FF" target="_blank">#FF00FF</a></td><td style="background-color:#FF00FF;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Maroon" target="_blank">Maroon</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=800000" target="_blank">#800000</a></td><td style="background-color:#800000;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumAquaMarine" target="_blank">MediumAquaMarine</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=66CDAA" target="_blank">#66CDAA</a></td><td style="background-color:#66CDAA;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumBlue" target="_blank">MediumBlue</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=0000CD" target="_blank">#0000CD</a></td><td style="background-color:#0000CD;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumOrchid" target="_blank">MediumOrchid</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=BA55D3" target="_blank">#BA55D3</a></td><td style="background-color:#BA55D3;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumPurple" target="_blank">MediumPurple</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=9370D8" target="_blank">#9370D8</a></td><td style="background-color:#9370D8;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumSeaGreen" target="_blank">MediumSeaGreen</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=3CB371" target="_blank">#3CB371</a></td><td style="background-color:#3CB371;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumSlateBlue" target="_blank">MediumSlateBlue</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=7B68EE" target="_blank">#7B68EE</a></td><td style="background-color:#7B68EE;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumSpringGreen" target="_blank">MediumSpringGreen</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FA9A" target="_blank">#00FA9A</a></td><td style="background-color:#00FA9A;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumTurquoise" target="_blank">MediumTurquoise</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=48D1CC" target="_blank">#48D1CC</a></td><td style="background-color:#48D1CC;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=MediumVioletRed" target="_blank">MediumVioletRed</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=C71585" target="_blank">#C71585</a></td><td style="background-color:#C71585;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=MidnightBlue" target="_blank">MidnightBlue</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=191970" target="_blank">#191970</a></td><td style="background-color:#191970;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=MintCream" target="_blank">MintCream</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5FFFA" target="_blank">#F5FFFA</a></td><td style="background-color:#F5FFFA;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=MistyRose" target="_blank">MistyRose</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFE4E1" target="_blank">#FFE4E1</a></td><td style="background-color:#FFE4E1;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Moccasin" target="_blank">Moccasin</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFE4B5" target="_blank">#FFE4B5</a></td><td style="background-color:#FFE4B5;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=NavajoWhite" target="_blank">NavajoWhite</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFDEAD" target="_blank">#FFDEAD</a></td><td style="background-color:#FFDEAD;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Navy" target="_blank">Navy</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=000080" target="_blank">#000080</a></td><td style="background-color:#000080;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=OldLace" target="_blank">OldLace</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FDF5E6" target="_blank">#FDF5E6</a></td><td style="background-color:#FDF5E6;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Olive" target="_blank">Olive</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=808000" target="_blank">#808000</a></td><td style="background-color:#808000;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=OliveDrab" target="_blank">OliveDrab</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=6B8E23" target="_blank">#6B8E23</a></td><td style="background-color:#6B8E23;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Orange" target="_blank">Orange</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFA500" target="_blank">#FFA500</a></td><td style="background-color:#FFA500;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=OrangeRed" target="_blank">OrangeRed</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF4500" target="_blank">#FF4500</a></td><td style="background-color:#FF4500;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Orchid" target="_blank">Orchid</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=DA70D6" target="_blank">#DA70D6</a></td><td style="background-color:#DA70D6;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleGoldenRod" target="_blank">PaleGoldenRod</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=EEE8AA" target="_blank">#EEE8AA</a></td><td style="background-color:#EEE8AA;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleGreen" target="_blank">PaleGreen</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=98FB98" target="_blank">#98FB98</a></td><td style="background-color:#98FB98;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleTurquoise" target="_blank">PaleTurquoise</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=AFEEEE" target="_blank">#AFEEEE</a></td><td style="background-color:#AFEEEE;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=PaleVioletRed" target="_blank">PaleVioletRed</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=D87093" target="_blank">#D87093</a></td><td style="background-color:#D87093;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=PapayaWhip" target="_blank">PapayaWhip</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFEFD5" target="_blank">#FFEFD5</a></td><td style="background-color:#FFEFD5;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=PeachPuff" target="_blank">PeachPuff</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFDAB9" target="_blank">#FFDAB9</a></td><td style="background-color:#FFDAB9;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Peru" target="_blank">Peru</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=CD853F" target="_blank">#CD853F</a></td><td style="background-color:#CD853F;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Pink" target="_blank">Pink</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFC0CB" target="_blank">#FFC0CB</a></td><td style="background-color:#FFC0CB;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Plum" target="_blank">Plum</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=DDA0DD" target="_blank">#DDA0DD</a></td><td style="background-color:#DDA0DD;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=PowderBlue" target="_blank">PowderBlue</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=B0E0E6" target="_blank">#B0E0E6</a></td><td style="background-color:#B0E0E6;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Purple" target="_blank">Purple</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=800080" target="_blank">#800080</a></td><td style="background-color:#800080;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Red" target="_blank">Red</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF0000" target="_blank">#FF0000</a></td><td style="background-color:#FF0000;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=RosyBrown" target="_blank">RosyBrown</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=BC8F8F" target="_blank">#BC8F8F</a></td><td style="background-color:#BC8F8F;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=RoyalBlue" target="_blank">RoyalBlue</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=4169E1" target="_blank">#4169E1</a></td><td style="background-color:#4169E1;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=SaddleBrown" target="_blank">SaddleBrown</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=8B4513" target="_blank">#8B4513</a></td><td style="background-color:#8B4513;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Salmon" target="_blank">Salmon</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FA8072" target="_blank">#FA8072</a></td><td style="background-color:#FA8072;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=SandyBrown" target="_blank">SandyBrown</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=F4A460" target="_blank">#F4A460</a></td><td style="background-color:#F4A460;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=SeaGreen" target="_blank">SeaGreen</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=2E8B57" target="_blank">#2E8B57</a></td><td style="background-color:#2E8B57;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=SeaShell" target="_blank">SeaShell</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFF5EE" target="_blank">#FFF5EE</a></td><td style="background-color:#FFF5EE;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Sienna" target="_blank">Sienna</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=A0522D" target="_blank">#A0522D</a></td><td style="background-color:#A0522D;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Silver" target="_blank">Silver</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=C0C0C0" target="_blank">#C0C0C0</a></td><td style="background-color:#C0C0C0;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=SkyBlue" target="_blank">SkyBlue</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=87CEEB" target="_blank">#87CEEB</a></td><td style="background-color:#87CEEB;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=SlateBlue" target="_blank">SlateBlue</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=6A5ACD" target="_blank">#6A5ACD</a></td><td style="background-color:#6A5ACD;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=SlateGray" target="_blank">SlateGray</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=708090" target="_blank">#708090</a></td><td style="background-color:#708090;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Snow" target="_blank">Snow</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFAFA" target="_blank">#FFFAFA</a></td><td style="background-color:#FFFAFA;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=SpringGreen" target="_blank">SpringGreen</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=00FF7F" target="_blank">#00FF7F</a></td><td style="background-color:#00FF7F;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=SteelBlue" target="_blank">SteelBlue</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=4682B4" target="_blank">#4682B4</a></td><td style="background-color:#4682B4;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Tan" target="_blank">Tan</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=D2B48C" target="_blank">#D2B48C</a></td><td style="background-color:#D2B48C;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Teal" target="_blank">Teal</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=008080" target="_blank">#008080</a></td><td style="background-color:#008080;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Thistle" target="_blank">Thistle</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=D8BFD8" target="_blank">#D8BFD8</a></td><td style="background-color:#D8BFD8;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Tomato" target="_blank">Tomato</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FF6347" target="_blank">#FF6347</a></td><td style="background-color:#FF6347;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Turquoise" target="_blank">Turquoise</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=40E0D0" target="_blank">#40E0D0</a></td><td style="background-color:#40E0D0;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Violet" target="_blank">Violet</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=EE82EE" target="_blank">#EE82EE</a></td><td style="background-color:#EE82EE;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Wheat" target="_blank">Wheat</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5DEB3" target="_blank">#F5DEB3</a></td><td style="background-color:#F5DEB3;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=White" target="_blank">White</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFFFF" target="_blank">#FFFFFF</a></td><td style="background-color:#FFFFFF;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=WhiteSmoke" target="_blank">WhiteSmoke</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=F5F5F5" target="_blank">#F5F5F5</a></td><td style="background-color:#F5F5F5;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=Yellow" target="_blank">Yellow</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=FFFF00" target="_blank">#FFFF00</a></td><td style="background-color:#FFFF00;"></td></tr><tr><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?color=YellowGreen" target="_blank">YellowGreen</a></td><td><a href="http://www.w3schools.com/tags/ref_color_tryit.asp?hex=9ACD32" target="_blank">#9ACD32</a></td><td style="background-color:#9ACD32;"></td></tr></tbody></table></table>

Kode Warna Html Paling Lengkap untuk Design Blog agar Terlihat Professional

Artikel Terkait

Blog Archives

Mengenai Saya