{"id":4296,"date":"2015-05-25T06:01:22","date_gmt":"2015-05-25T06:01:22","guid":{"rendered":"http:\/\/a1webdesignteam.com\/blog\/?p=4296"},"modified":"2015-05-25T06:01:22","modified_gmt":"2015-05-25T06:01:22","slug":"html5-color-names-color-codes","status":"publish","type":"post","link":"https:\/\/a1webdesignteam.com\/blog\/html5-color-names-color-codes\/","title":{"rendered":"HTML5 – Color Names, Color Codes"},"content":{"rendered":"

The following table shows 16 color names that were introduced in HTML 3.2 to support 16 colors that 8-bit graphics cards offered:<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Color Name<\/th>\nHex Value<\/th>\nColor<\/th>\nShow<\/th>\n<\/tr>\n
aqua<\/td>\n#00ffff<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
black<\/td>\n#000000<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
blue<\/td>\n#0000ff<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
fuchsia<\/td>\n#ff00ff<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
green<\/td>\n#008000<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
gray<\/td>\n#808080<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
lime<\/td>\n#00ff00<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
maroon<\/td>\n#800000<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
navy<\/td>\n#000080<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
olive<\/td>\n#808000<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
purple<\/td>\n#800080<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
red<\/td>\n#ff0000<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
silver<\/td>\n#c0c0c0<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
teal<\/td>\n#008080<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
white<\/td>\n#ffffff<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
yellow<\/td>\n#ffff00<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

There are other colors which are not part of HTML or XHTML but they are supported by most of the versions of IE or Netscape.<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Color Name<\/th>\nHex Value<\/th>\nColor<\/th>\nShow<\/th>\n<\/tr>\n
aliceblue<\/td>\n#f0f8ff<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
antiquewhite<\/td>\n#faebd7<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
aquamarine<\/td>\n#7fffd4<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
azure<\/td>\n#f0ffff<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
beige<\/td>\n#f5f5dc<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
bisque<\/td>\n#ffe4c4<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
blanchedalmond<\/td>\n#ffebcd<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
blueviolet<\/td>\n#8a2be2<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
brown<\/td>\n#a52a2a<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
burlywood<\/td>\n#deb887<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
cadetblue<\/td>\n#5f9ea0<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
chartreuse<\/td>\n#7fff00<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
chocolate<\/td>\n#d2691e<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
coral<\/td>\n#ff7f50<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
cornflowerblue<\/td>\n#6495ed<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
cornsilk<\/td>\n#fff8dc<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
crimson<\/td>\n#dc143c<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
cyan<\/td>\n#00ffff<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
darkblue<\/td>\n#00008b<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
darkcyan<\/td>\n#008b8b<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
darkgoldenrod<\/td>\n#b8860b<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
darkgray<\/td>\n#a9a9a9<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
darkgreen<\/td>\n#006400<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
darkkhaki<\/td>\n#bdb76b<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
darkmagenta<\/td>\n#8b008b<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
darkolivegreen<\/td>\n#556b2f<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
darkorange<\/td>\n#ff8c00<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
darkorchid<\/td>\n#9932cc<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
darkred<\/td>\n#8b0000<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
darksalmon<\/td>\n#e9967a<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
darkseagreen<\/td>\n#8fbc8f<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
darkslateblue<\/td>\n#483d8b<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
darkslategray<\/td>\n#2f4f4f<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
darkturquoise<\/td>\n#00ced1<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
darkviolet<\/td>\n#9400d3<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
deeppink<\/td>\n#ff1493<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
deepskyblue<\/td>\n#00bfff<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
dimgray<\/td>\n#696969<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
dodgerblue<\/td>\n#1e90ff<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
firebrick<\/td>\n#b22222<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
floralwhite<\/td>\n#fffaf0<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
forestgreen<\/td>\n#228b22<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
gainsboro<\/td>\n#dcdcdc<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
ghostwhite<\/td>\n#f8f8ff<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
gold<\/td>\n#ffd700<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
goldenrod<\/td>\n#daa520<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
gray<\/td>\n#808080<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
greenyellow<\/td>\n#adff2f<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
honeydew<\/td>\n#f0fff0<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
hotpink<\/td>\n#ff69b4<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
indianred<\/td>\n#cd5c5c<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
indigo<\/td>\n#4b0082<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
ivory<\/td>\n#fffff0<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
khaki<\/td>\n#f0e68c<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
lavender<\/td>\n#e6e6fa<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
lavenderblush<\/td>\n#fff0f5<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
lawngreen<\/td>\n#7cfc00<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
lemonchiffon<\/td>\n#fffacd<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
lightblue<\/td>\n#add8e6<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
lightcoral<\/td>\n#f08080<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
lightcyan<\/td>\n#e0ffff<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
lightgoldenrodyellow<\/td>\n#fafad2<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
lightgreen<\/td>\n#90ee90<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
lightgrey<\/td>\n#d3d3d3<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
lightpink<\/td>\n#ffb6c1<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
lightsalmon<\/td>\n#ffa07a<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
lightseagreen<\/td>\n#20b2aa<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
lightskyblue<\/td>\n#87cefa<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
lightslategray<\/td>\n#778899<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
lightsteelblue<\/td>\n#b0c4de<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
lightyellow<\/td>\n#ffffe0<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
limegreen<\/td>\n#32cd32<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
linen<\/td>\n#faf0e6<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
magenta<\/td>\n#ff00ff<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
mediumblue<\/td>\n#0000cd<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
mediumorchid<\/td>\n#ba55d3<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
mediumpurple<\/td>\n#9370db<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
midnightblue<\/td>\n#191970<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
mistyrose<\/td>\n#ffe4e1<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
moccasin<\/td>\n#ffe4b5<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
oldlace<\/td>\n#fdf5e6<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
orange<\/td>\n#ffa500<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
orchid<\/td>\n#da70d6<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
peachpuff<\/td>\n#ffdab9<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
peru<\/td>\n#cd853f<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
pink<\/td>\n#ffc0cb<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
plum<\/td>\n#dda0dd<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
purple<\/td>\n#800080<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
rosybrown<\/td>\n#bc8f8f<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
royalblue<\/td>\n#4169e1<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
salmon<\/td>\n#fa8072<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
sandybrown<\/td>\n#f4a460<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
seagreen<\/td>\n#2e8b57<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
sienna<\/td>\n#a0522d<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
skyblue<\/td>\n#87ceeb<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
slateblue<\/td>\n#6a5acd<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
steelblue<\/td>\n#4682b4<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
tan<\/td>\n#d2b48c<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
thistle<\/td>\n#d8bfd8<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
tomato<\/td>\n#ff6347<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
violet<\/td>\n#ee82ee<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
wheat<\/td>\n#f5deb3<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
whitesmoke<\/td>\n#f5f5f5<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
yellow<\/td>\n#ffff00<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n
yellowgreen<\/td>\n#9acd32<\/td>\n<\/td>\nDemo<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

The following table shows 16 color names that were introduced in HTML 3.2 to support 16 colors that 8-bit graphics cards offered: Color Name Hex Value Color Show aqua #00ffff Demo black #000000 Demo blue #0000ff Demo fuchsia #ff00ff Demo green #008000 Demo gray #808080 Demo lime #00ff00 Demo maroon #800000 Demo navy #000080 Demo […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"categories":[22],"tags":[],"_links":{"self":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts\/4296"}],"collection":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/comments?post=4296"}],"version-history":[{"count":0,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts\/4296\/revisions"}],"wp:attachment":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/media?parent=4296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/categories?post=4296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/tags?post=4296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}