代码拉取完成，页面将自动刷新
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml"><!-- Source is http://www.w3schools.com/cssref/css_colorsfull.asp -->
<head>
<title>CSS Color Values</title>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="Keywords" content="html,css,tutorial,html5,dhtml,css3,xsl,xslt,xhtml,javascript,jquery,asp,ado,net,vbscript,dom,sql,colors,soap,php,rss,authoring,programming,training,learning,quiz,beginner's guide,primer,lessons,school,howto,reference,examples,samples,source code,tags,demos,tips,links,FAQ,tag list,forms,frames,color table,w3c,cascading style sheets,active server pages,dynamic html,internet,database,development,Web building,Webmaster,html guide" />
<meta name="Description" content="Free HTML XHTML CSS JavaScript jQuery XML DOM XSL XSLT RSS AJAX ASP .NET PHP SQL tutorials, references, examples for web building." />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="-1" />
<link rel="stylesheet" type="text/css" href="css_colorsfull_files/stdtheme.css" />
<script type="text/javascript">
<!--
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
//-->
</script>
<script type="text/javascript">
<!--
function searchfield_focus(obj)
{
obj.style.color=""
obj.style.fontStyle=""
if (obj.value=="Search w3schools.com")
{
obj.value=""
}
}
var pageTracker = _gat._getTracker("UA-3855518-1");
pageTracker._initData();
pageTracker._trackPageview();
var addr=document.location.href;
function displayError()
{
document.getElementById("err_url").value=addr;
document.getElementById("err_form").style.display="block";
document.getElementById("err_desc").focus();
hideSent();
}
function hideError()
{
document.getElementById("err_form").style.display="none";
}
function hideSent()
{
document.getElementById("err_sent").style.display="none";
}
function sendErr()
{
var xmlhttp;
var err_url=document.getElementById("err_url").value;
var err_email=document.getElementById("err_email").value;
var err_desc=document.getElementById("err_desc").value;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("POST","/err_sup.asp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("err_url=" + err_url + "&err_email=" + err_email + "&err_desc=" + escape(err_desc));
hideError();
document.getElementById("err_sent").style.display="block";
}
function click_expandingMenuHeader(obj,sectionName)
{
var x=document.getElementById("cssprop_" + sectionName).parentNode.className;
if (x.indexOf("expandingMenuNotSelected")>-1)
{
x=x.replace("expandingMenuNotSelected","expandingMenuSelected");
document.getElementById("cssprop_" + sectionName).parentNode.className=x;
document.getElementById("cssprop_" + sectionName).style.display="block";
}
else
{
x=x.replace("expandingMenuSelected","expandingMenuNotSelected");
document.getElementById("cssprop_" + sectionName).parentNode.className=x;
document.getElementById("cssprop_" + sectionName).style.display="none";
}
}
//-->
</script>
<!--[if gt IE 7]>
<style>
body
{
overflow-y:scroll;
}
</style>
<![endif]-->
</head>
<body>
<center>
<table style="width:960px;margin-top:0px;margin-bottom:0px;" border="0" cellpadding="0" cellspacing="0">
<tr><td align="center"><a id="top"></a>
<table width="960" border="0" cellpadding="0" cellspacing="0"
style="margin-top:5px;">
<tr>
<td align="left">
<a href="http://www.w3schools.com"><img border="0" width="336" height="69" src="css_colorsfull_files/w3schoolslogo.gif" alt="W3Schools.com" style="margin-top:5px;" /></a>
</td>
<td align="right">
<br />
<div style="width:200px;height:25px;float:right;text-align:right">
<div id="google_translate_element" style="display:none"></div>
<div id="translate_link">
<a href="#" class="topnav"
onclick="document.getElementById('google_translate_element').style.display='inline';document.getElementById('translate_link').style.display='none';return false;">
TRANSLATE
</a>
</div>
</div>
<br />
<br />
<form style="font-size:11px;" method="get" name="searchform" action="http://www.google.com/search" target="_blank">
<table cellpadding="0" cellspacing="0" border="0"><tr>
<td><input type="hidden" name="sitesearch" value="www.w3schools.com" /></td>
<td><input onfocus="searchfield_focus(this)" style="width:150px;color:#808080;font-style:italic;" alt="search" type="text" name="as_q" size="20" value="Search w3schools.com" /></td>
<td><input type="submit" value="Search" title="Search" /></td>
</tr></table>
</form>
</td>
<td> </td>
</tr>
</table>
<table id="topnav" width="960" border="0" cellpadding="0" cellspacing="3">
<tr>
<td align="left" style="width:500px;word-spacing:12px;font-size:90%;padding-left:12px;padding-right:10px;white-space:nowrap;">
<a class="topnav" href="/default.asp" target="_top">HOME </a>
<a class="topnav" href="/html/default.asp" target="_top">HTML </a>
<a class="topnav" href="/css/default.asp" target="_top">CSS </a>
<a class="topnav" href="/xml/default.asp" target="_top">XML </a>
<a class="topnav" href="/js/default.asp" target="_top">JAVASCRIPT </a>
<a class="topnav" href="/asp/default.asp" target="_top">ASP </a>
<a class="topnav" href="/php/default.asp" target="_top">PHP </a>
<a class="topnav" href="/sql/default.asp" target="_top">SQL </a>
<a class="topnav" href="/sitemap/default.asp" target="_top">MORE...</a>
</td>
<td align="right" style="word-spacing:6px;font-size:80%;padding-right:10px;color:#888888;white-space:nowrap;">
<a class="topnav" href="/sitemap/default.asp#references" target="_top">REFERENCES</a> |
<a class="topnav" href="/sitemap/default.asp#examples" target="_top">EXAMPLES</a> |
<a class="topnav" href="/forum/default.asp" target="_top">FORUM</a> |
<a class="topnav" href="/about/default.asp" target="_top">ABOUT</a>
</td>
</tr>
</table>
<div style="width:960px;height:94px;position:relative;margin-left:auto;margin-right:auto;margin:0px;padding:0px;overflow:hidden">
<script type='text/javascript' src='css_colorsfull_files/google_service.js'>
</script>
<script type='text/javascript'>
GS_googleAddAdSenseService("ca-pub-3440800076797949");
GS_googleEnableAllServices();
</script>
<script type='text/javascript'>
GA_googleAddSlot("ca-pub-3440800076797949", "TopRectangle");
</script>
<script type='text/javascript'>
GA_googleFetchAds();
</script>
<!-- TopRectangle -->
<script type='text/javascript'>
GA_googleFillSlot("TopRectangle");
</script>
<div style="width:728px;height:90px;position:absolute;right:0px;top:0px;">
<iframe id="leaderframe" style="background-color:#ffffff;height:90px;width:728px"
src="/banners/leaderframe.asp?adpartner=dfp&numb=0.919225"
height="90" width="728" marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>
</div></div>
<table width="960" border="0" cellpadding="0" cellspacing="0" style="padding:0">
<tr><td id="leftcolumn" width="171" align="left" valign="top">
<div style="margin-left:1px;margin-top:5px"><h2 class="left"><span class="left_h2">CSS</span> Reference</h2>
<a target="_top" href="default.asp" >CSS Reference</a><br />
<a target="_top" href="css_selectors.asp" >CSS Selectors</a><br />
<a target="_top" href="css_ref_aural.asp" >CSS Reference Aural</a><br />
<a target="_top" href="css_websafe_fonts.asp" >CSS Web Safe Fonts</a><br />
<a target="_top" href="css_units.asp" >CSS Units</a><br />
<a target="_top" href="css_colors.asp" >CSS Colors</a><br />
<a target="_top" href="css_colors_legal.asp" >CSS Color Values</a><br />
<a target="_top" href="css_colornames.asp" >CSS Color Names</a><br />
<a target="_top" href="css_colorsfull.asp" style='font-weight:bold;'>CSS Color HEX</a><br />
<a target="_top" href="css3_browsersupport.asp" >CSS3 Browser Support</a><br />
<br />
<h2 class="left"><span class="left_h2">CSS</span> Properties</h2>
<div class="expandingMenu expandingMenuNotSelected">
<div onclick='click_expandingMenuHeader(this,"animation")' class="expandingMenuHeader" >animation</div>
<div id="cssprop_animation" class="expandingMenuGroup" style="display:none;">
<div class="expandingMenuItem"><a target="_top" href="css3_pr_animation.asp" >animation</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_animation-name.asp" >animation-name</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_animation-duration.asp" >animation-duration</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_animation-timing-function.asp" >animation-timing-function</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_animation-delay.asp" >animation-delay</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_animation-iteration-count.asp" >animation-iteration-count</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_animation-direction.asp" >animation-direction</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_animation-play-state.asp" >animation-play-state</a></div>
</div>
</div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_appearance.asp" >appearance</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_backface-visibility.asp" >backface-visibility</a></div>
<div class="expandingMenu expandingMenuNotSelected">
<div onclick='click_expandingMenuHeader(this,"background")' class="expandingMenuHeader">background</div>
<div id="cssprop_background" class="expandingMenuGroup" style="display:none;">
<div class="expandingMenuItem"><a target="_top" href="css3_pr_background.asp" >background</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_background-attachment.asp" >background-attachment</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_background-color.asp" >background-color</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_background-image.asp" >background-image</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_background-position.asp" >background-position</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_background-repeat.asp" >background-repeat</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_background-clip.asp" >background-clip</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_background-origin.asp" >background-origin</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_background-size.asp" >background-size</a></div>
</div>
</div>
<div class="expandingMenu expandingMenuNotSelected">
<div onclick='click_expandingMenuHeader(this,"border")' class="expandingMenuHeader">border</div>
<div id="cssprop_border" class="expandingMenuGroup" style="display:none;">
<div class="expandingMenuItem"><a target="_top" href="pr_border.asp" >border</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_border-bottom.asp" >border-bottom</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_border-bottom_color.asp" >border-bottom-color</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_border-bottom_style.asp" >border-bottom-style</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_border-bottom_width.asp" >border-bottom-width</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_tab_border-collapse.asp" >border-collapse</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_border-color.asp" >border-color</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_border-left.asp" >border-left</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_border-left_color.asp" >border-left-color</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_border-left_style.asp" >border-left-style</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_border-left_width.asp" >border-left-width</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_border-right.asp" >border-right</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_border-right_color.asp" >border-right-color</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_border-right_style.asp" >border-right-style</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_border-right_width.asp" >border-right-width</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_tab_border-spacing.asp" >border-spacing</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_border-style.asp" >border-style</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_border-top.asp" >border-top</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_border-top_color.asp" >border-top-color</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_border-top_style.asp" >border-top-style</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_border-top_width.asp" >border-top-width</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_border-width.asp" >border-width</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_border-bottom-left-radius.asp" >border-bottom-left-radius</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_border-bottom-right-radius.asp" >border-bottom-right-radius</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_border-image.asp" >border-image</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_border-image-outset.asp" >border-image-outset</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_border-image-repeat.asp" >border-image-repeat</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_border-image-slice.asp" >border-image-slice</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_border-image-source.asp" >border-image-source</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_border-image-width.asp" >border-image-width</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_border-radius.asp" >border-radius</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_border-top-left-radius.asp" >border-top-left-radius</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_border-top-right-radius.asp" >border-top-right-radius</a></div>
</div>
</div>
<div class="expandingMenuItem"><a target="_top" href="pr_pos_bottom.asp" >bottom</a></div>
<div class="expandingMenu expandingMenuNotSelected">
<div onclick='click_expandingMenuHeader(this,"box")' class="expandingMenuHeader">box</div>
<div id="cssprop_box" class="expandingMenuGroup" style="display:none;">
<div class="expandingMenuItem"><a target="_top" href="css3_pr_box-align.asp" >box-align</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_box-direction.asp" >box-direction</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_box-flex.asp" >box-flex</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_box-flex-group.asp" >box-flex-group</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_box-lines.asp" >box-lines</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_box-ordinal-group.asp" >box-ordinal-group</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_box-orient.asp" >box-orient</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_box-pack.asp" >box-pack</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_box-sizing.asp" >box-sizing</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_box-shadow.asp" >box-shadow</a></div>
</div>
</div>
<div class="expandingMenuItem"><a target="_top" href="pr_tab_caption-side.asp" >caption-side</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_class_clear.asp" >clear</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_pos_clip.asp" >clip</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_text_color.asp" >color</a></div>
<div class="expandingMenu expandingMenuNotSelected">
<div onclick='click_expandingMenuHeader(this,"column")' class="expandingMenuHeader">column</div>
<div id="cssprop_column" class="expandingMenuGroup" style="display:none;">
<div class="expandingMenuItem"><a target="_top" href="css3_pr_column-count.asp" >column-count</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_column-fill.asp" >column-fill</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_column-gap.asp" >column-gap</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_column-rule.asp" >column-rule</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_column-rule-color.asp" >column-rule-color</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_column-rule-style.asp" >column-rule-style</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_column-rule-width.asp" >column-rule-width</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_column-span.asp" >column-span</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_column-width.asp" >column-width</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_columns.asp" >columns</a></div>
</div>
</div>
<div class="expandingMenuItem"><a target="_top" href="pr_gen_content.asp" >content</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_gen_counter-increment.asp" >counter-increment</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_gen_counter-reset.asp" >counter-reset</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_class_cursor.asp" >cursor</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_text_direction.asp" >direction</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_class_display.asp" >display</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_tab_empty-cells.asp" >empty-cells</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_class_float.asp" >float</a></div>
<div class="expandingMenu expandingMenuNotSelected">
<div onclick='click_expandingMenuHeader(this,"font")' class="expandingMenuHeader">font</div>
<div id="cssprop_font" class="expandingMenuGroup" style="display:none;">
<div class="expandingMenuItem"><a target="_top" href="pr_font_font.asp" >font</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_font_font-family.asp" >font-family</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_font_font-size.asp" >font-size</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_font_font-style.asp" >font-style</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_font_font-variant.asp" >font-variant</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_font_weight.asp" >font-weight</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_font-face_rule.asp" >@font-face</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_font-size-adjust.asp" >font-size-adjust</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_font-stretch.asp" >font-stretch</a></div>
</div>
</div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_grid-columns.asp" >grid-columns</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_grid-rows.asp" >grid-rows</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_hanging-punctuation.asp" >hanging-punctuation</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_dim_height.asp" >height</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_icon.asp" >icon</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_keyframes.asp" >@keyframes</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_pos_left.asp" >left</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_text_letter-spacing.asp" >letter-spacing</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_dim_line-height.asp" >line-height</a></div>
<div class="expandingMenu expandingMenuNotSelected">
<div onclick='click_expandingMenuHeader(this,"list")' class="expandingMenuHeader">list-style</div>
<div id="cssprop_list" class="expandingMenuGroup" style="display:none;">
<div class="expandingMenuItem"><a target="_top" href="pr_list-style.asp" >list-style</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_list-style-image.asp" >list-style-image</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_list-style-position.asp" >list-style-position</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_list-style-type.asp" >list-style-type</a></div>
</div>
</div>
<div class="expandingMenu expandingMenuNotSelected">
<div onclick='click_expandingMenuHeader(this,"margin")' class="expandingMenuHeader">margin</div>
<div id="cssprop_margin" class="expandingMenuGroup" style="display:none;">
<div class="expandingMenuItem"><a target="_top" href="pr_margin.asp" >margin</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_margin-bottom.asp" >margin-bottom</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_margin-left.asp" >margin-left</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_margin-right.asp" >margin-right</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_margin-top.asp" >margin-top</a></div>
</div>
</div>
<div class="expandingMenuItem"><a target="_top" href="pr_dim_max-height.asp" >max-height</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_dim_max-width.asp" >max-width</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_dim_min-height.asp" >min-height</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_dim_min-width.asp" >min-width</a></div>
<div class="expandingMenu expandingMenuNotSelected">
<div onclick='click_expandingMenuHeader(this,"nav")' class="expandingMenuHeader">nav</div>
<div id="cssprop_nav" class="expandingMenuGroup" style="display:none;">
<div class="expandingMenuItem"><a target="_top" href="css3_pr_nav-down.asp" >nav-down</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_nav-index.asp" >nav-index</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_nav-left.asp" >nav-left</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_nav-right.asp" >nav-right</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_nav-up.asp" >nav-up</a></div>
</div>
</div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_opacity.asp" >opacity</a></div>
<div class="expandingMenu expandingMenuNotSelected">
<div onclick='click_expandingMenuHeader(this,"outline")' class="expandingMenuHeader">outline</div>
<div id="cssprop_outline" class="expandingMenuGroup" style="display:none;">
<div class="expandingMenuItem"><a target="_top" href="pr_outline.asp" >outline</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_outline-color.asp" >outline-color</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_outline-offset.asp" >outline-offset</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_outline-style.asp" >outline-style</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_outline-width.asp" >outline-width</a></div>
</div>
</div>
<div class="expandingMenuItem"><a target="_top" href="pr_pos_overflow.asp" >overflow</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_overflow-x.asp" >overflow-x</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_overflow-y.asp" >overflow-y</a></div>
<div class="expandingMenu expandingMenuNotSelected">
<div onclick='click_expandingMenuHeader(this,"padding")' class="expandingMenuHeader">padding</div>
<div id="cssprop_padding" class="expandingMenuGroup" style="display:none;">
<div class="expandingMenuItem"><a target="_top" href="pr_padding.asp" >padding</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_padding-bottom.asp" >padding-bottom</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_padding-left.asp" >padding-left</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_padding-right.asp" >padding-right</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_padding-top.asp" >padding-top</a></div>
</div>
</div>
<div class="expandingMenu expandingMenuNotSelected">
<div onclick='click_expandingMenuHeader(this,"print")' class="expandingMenuHeader">page-break</div>
<div id="cssprop_print" class="expandingMenuGroup" style="display:none;">
<div class="expandingMenuItem"><a target="_top" href="pr_print_pageba.asp" >page-break-after</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_print_pagebb.asp" >page-break-before</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_print_pagebi.asp" >page-break-inside</a></div>
</div>
</div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_perspective.asp" >perspective</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_perspective-origin.asp" >perspective-origin</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_class_position.asp" >position</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_punctuation-trim.asp" >punctuation-trim</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_gen_quotes.asp" >quotes</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_resize.asp" >resize</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_pos_right.asp" >right</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_rotation.asp" >rotation</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_rotation-point.asp" >rotation-point</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_tab_table-layout.asp" >table-layout</a></div>
<div class="expandingMenu expandingMenuNotSelected">
<div onclick='click_expandingMenuHeader(this,"target")' class="expandingMenuHeader">target</div>
<div id="cssprop_target" class="expandingMenuGroup" style="display:none;">
<div class="expandingMenuItem"><a target="_top" href="css3_pr_target.asp" >target</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_target-name.asp" >target-name</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_target-new.asp" >target-new</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_target-position.asp" >target-position</a></div>
</div>
</div>
<div class="expandingMenu expandingMenuNotSelected">
<div onclick='click_expandingMenuHeader(this,"text")' class="expandingMenuHeader">text</div>
<div id="cssprop_text" class="expandingMenuGroup" style="display:none;">
<div class="expandingMenuItem"><a target="_top" href="pr_text_text-align.asp" >text-align</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_text_text-decoration.asp" >text-decoration</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_text_text-indent.asp" >text-indent</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_text-justify.asp" >text-justify</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_text-outline.asp" >text-outline</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_text-overflow.asp" >text-overflow</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_text-shadow.asp" >text-shadow</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_text_text-transform.asp" >text-transform</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_text-wrap.asp" >text-wrap</a></div>
</div>
</div>
<div class="expandingMenuItem"><a target="_top" href="pr_pos_top.asp" >top</a></div>
<div class="expandingMenu expandingMenuNotSelected">
<div onclick='click_expandingMenuHeader(this,"transform")' class="expandingMenuHeader">transform</div>
<div id="cssprop_transform" class="expandingMenuGroup" style="display:none;">
<div class="expandingMenuItem"><a target="_top" href="css3_pr_transform.asp" >transform</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_transform-origin.asp" >transform-origin</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_transform-style.asp" >transform-style</a></div>
</div>
</div>
<div class="expandingMenu expandingMenuNotSelected">
<div onclick='click_expandingMenuHeader(this,"transition")' class="expandingMenuHeader">transition</div>
<div id="cssprop_transition" class="expandingMenuGroup" style="display:none;">
<div class="expandingMenuItem"><a target="_top" href="css3_pr_transition.asp" >transition</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_transition-property.asp" >transition-property</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_transition-duration.asp" >transition-duration</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_transition-timing-function.asp" >transition-timing-function</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_transition-delay.asp" >transition-delay</a></div>
</div>
</div>
<div class="expandingMenuItem"><a target="_top" href="pr_pos_vertical-align.asp" >vertical-align</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_class_visibility.asp" >visibility</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_dim_width.asp" >width</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_text_white-space.asp" >white-space</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_text_word-spacing.asp" >word-spacing</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_word-break.asp" >word-break</a></div>
<div class="expandingMenuItem"><a target="_top" href="css3_pr_word-wrap.asp" >word-wrap</a></div>
<div class="expandingMenuItem"><a target="_top" href="pr_pos_z-index.asp" >z-index</a></div>
</div>
</td>
<td align="left" valign="top">
<table style="background-color:#ffffff;color:#000000;padding-bottom:8px;padding-right:5px" width="639" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="padding-top:4px">
<h1>CSS <span class="color_h1">Colors HEX Values</span></h1>
<table class="chapter" border="0" width="100%" cellspacing="0" cellpadding="0"><tr>
<td class="prev"><a class="chapter" href="css_colornames.asp">« Previous</a></td>
<td class="next"><a class="chapter" href="css3_browsersupport.asp">Next Chapter </a></td>
</tr></table>
<hr />
<h2>Sorted by HEX Value</h2>
<p><a href="css_colornames.asp">Same list sorted by color name</a></p>
<table class="reference notranslate" cellspacing="0" border="1" width="100%">
<tr>
<th align="left" width="25%">Color Name</th>
<th align="left" width="15%">HEX</th>
<th align="left" width="43%">Color</th>
<th align="left" width="11%">Shades</th>
<th align="left">Mix</th>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Black">Black</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=000000">#000000</a></td>
<td bgcolor="#000000"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=000000">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=000000&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Navy">Navy</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=000080">#000080</a></td>
<td bgcolor="#000080"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=000080">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=000080&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DarkBlue">DarkBlue</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=00008B">#00008B</a></td>
<td bgcolor="#00008B"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=00008B">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=00008B&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=MediumBlue">MediumBlue</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=0000CD">#0000CD</a></td>
<td bgcolor="#0000CD"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=0000CD">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=0000CD&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Blue">Blue</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=0000FF">#0000FF</a></td>
<td bgcolor="#0000FF"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=0000FF">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=0000FF&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DarkGreen">DarkGreen</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=006400">#006400</a></td>
<td bgcolor="#006400"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=006400">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=006400&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Green">Green</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=008000">#008000</a></td>
<td bgcolor="#008000"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=008000">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=008000&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Teal">Teal</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=008080">#008080</a></td>
<td bgcolor="#008080"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=008080">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=008080&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DarkCyan">DarkCyan</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=008B8B">#008B8B</a></td>
<td bgcolor="#008B8B"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=008B8B">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=008B8B&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DeepSkyBlue">DeepSkyBlue</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=00BFFF">#00BFFF</a></td>
<td bgcolor="#00BFFF"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=00BFFF">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=00BFFF&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DarkTurquoise">DarkTurquoise</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=00CED1">#00CED1</a></td>
<td bgcolor="#00CED1"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=00CED1">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=00CED1&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=MediumSpringGreen">MediumSpringGreen</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=00FA9A">#00FA9A</a></td>
<td bgcolor="#00FA9A"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=00FA9A">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=00FA9A&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Lime">Lime</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=00FF00">#00FF00</a></td>
<td bgcolor="#00FF00"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=00FF00">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=00FF00&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=SpringGreen">SpringGreen</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=00FF7F">#00FF7F</a></td>
<td bgcolor="#00FF7F"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=00FF7F">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=00FF7F&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Aqua">Aqua</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=00FFFF">#00FFFF</a></td>
<td bgcolor="#00FFFF"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=00FFFF">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=00FFFF&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Cyan">Cyan</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=00FFFF">#00FFFF</a></td>
<td bgcolor="#00FFFF"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=00FFFF">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=00FFFF&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=MidnightBlue">MidnightBlue</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=191970">#191970</a></td>
<td bgcolor="#191970"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=191970">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=191970&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DodgerBlue">DodgerBlue</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=1E90FF">#1E90FF</a></td>
<td bgcolor="#1E90FF"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=1E90FF">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=1E90FF&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=LightSeaGreen">LightSeaGreen</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=20B2AA">#20B2AA</a></td>
<td bgcolor="#20B2AA"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=20B2AA">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=20B2AA&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=ForestGreen">ForestGreen</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=228B22">#228B22</a></td>
<td bgcolor="#228B22"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=228B22">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=228B22&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=SeaGreen">SeaGreen</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=2E8B57">#2E8B57</a></td>
<td bgcolor="#2E8B57"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=2E8B57">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=2E8B57&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DarkSlateGray">DarkSlateGray</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=2F4F4F">#2F4F4F</a></td>
<td bgcolor="#2F4F4F"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=2F4F4F">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=2F4F4F&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DarkSlateGrey">DarkSlateGrey</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=2F4F4F">#2F4F4F</a></td>
<td bgcolor="#2F4F4F"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=2F4F4F">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=2F4F4F&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=LimeGreen">LimeGreen</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=32CD32">#32CD32</a></td>
<td bgcolor="#32CD32"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=32CD32">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=32CD32&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=MediumSeaGreen">MediumSeaGreen</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=3CB371">#3CB371</a></td>
<td bgcolor="#3CB371"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=3CB371">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=3CB371&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Turquoise">Turquoise</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=40E0D0">#40E0D0</a></td>
<td bgcolor="#40E0D0"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=40E0D0">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=40E0D0&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=RoyalBlue">RoyalBlue</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=4169E1">#4169E1</a></td>
<td bgcolor="#4169E1"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=4169E1">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=4169E1&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=SteelBlue">SteelBlue</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=4682B4">#4682B4</a></td>
<td bgcolor="#4682B4"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=4682B4">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=4682B4&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DarkSlateBlue">DarkSlateBlue</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=483D8B">#483D8B</a></td>
<td bgcolor="#483D8B"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=483D8B">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=483D8B&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=MediumTurquoise">MediumTurquoise</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=48D1CC">#48D1CC</a></td>
<td bgcolor="#48D1CC"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=48D1CC">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=48D1CC&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Indigo ">Indigo </a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=4B0082">#4B0082</a></td>
<td bgcolor="#4B0082"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=4B0082">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=4B0082&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DarkOliveGreen">DarkOliveGreen</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=556B2F">#556B2F</a></td>
<td bgcolor="#556B2F"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=556B2F">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=556B2F&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=CadetBlue">CadetBlue</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=5F9EA0">#5F9EA0</a></td>
<td bgcolor="#5F9EA0"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=5F9EA0">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=5F9EA0&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=CornflowerBlue">CornflowerBlue</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=6495ED">#6495ED</a></td>
<td bgcolor="#6495ED"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=6495ED">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=6495ED&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=MediumAquaMarine">MediumAquaMarine</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=66CDAA">#66CDAA</a></td>
<td bgcolor="#66CDAA"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=66CDAA">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=66CDAA&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DimGray">DimGray</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=696969">#696969</a></td>
<td bgcolor="#696969"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=696969">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=696969&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DimGrey">DimGrey</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=696969">#696969</a></td>
<td bgcolor="#696969"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=696969">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=696969&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=SlateBlue">SlateBlue</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=6A5ACD">#6A5ACD</a></td>
<td bgcolor="#6A5ACD"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=6A5ACD">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=6A5ACD&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=OliveDrab">OliveDrab</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=6B8E23">#6B8E23</a></td>
<td bgcolor="#6B8E23"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=6B8E23">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=6B8E23&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=SlateGray">SlateGray</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=708090">#708090</a></td>
<td bgcolor="#708090"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=708090">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=708090&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=SlateGrey">SlateGrey</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=708090">#708090</a></td>
<td bgcolor="#708090"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=708090">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=708090&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=LightSlateGray">LightSlateGray</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=778899">#778899</a></td>
<td bgcolor="#778899"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=778899">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=778899&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=LightSlateGrey">LightSlateGrey</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=778899">#778899</a></td>
<td bgcolor="#778899"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=778899">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=778899&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=MediumSlateBlue">MediumSlateBlue</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=7B68EE">#7B68EE</a></td>
<td bgcolor="#7B68EE"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=7B68EE">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=7B68EE&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=LawnGreen">LawnGreen</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=7CFC00">#7CFC00</a></td>
<td bgcolor="#7CFC00"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=7CFC00">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=7CFC00&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Chartreuse">Chartreuse</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=7FFF00">#7FFF00</a></td>
<td bgcolor="#7FFF00"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=7FFF00">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=7FFF00&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Aquamarine">Aquamarine</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=7FFFD4">#7FFFD4</a></td>
<td bgcolor="#7FFFD4"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=7FFFD4">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=7FFFD4&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Maroon">Maroon</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=800000">#800000</a></td>
<td bgcolor="#800000"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=800000">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=800000&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Purple">Purple</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=800080">#800080</a></td>
<td bgcolor="#800080"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=800080">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=800080&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Olive">Olive</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=808000">#808000</a></td>
<td bgcolor="#808000"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=808000">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=808000&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Gray">Gray</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=808080">#808080</a></td>
<td bgcolor="#808080"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=808080">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=808080&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Grey">Grey</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=808080">#808080</a></td>
<td bgcolor="#808080"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=808080">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=808080&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=SkyBlue">SkyBlue</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=87CEEB">#87CEEB</a></td>
<td bgcolor="#87CEEB"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=87CEEB">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=87CEEB&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=LightSkyBlue">LightSkyBlue</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=87CEFA">#87CEFA</a></td>
<td bgcolor="#87CEFA"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=87CEFA">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=87CEFA&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=BlueViolet">BlueViolet</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=8A2BE2">#8A2BE2</a></td>
<td bgcolor="#8A2BE2"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=8A2BE2">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=8A2BE2&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DarkRed">DarkRed</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=8B0000">#8B0000</a></td>
<td bgcolor="#8B0000"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=8B0000">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=8B0000&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DarkMagenta">DarkMagenta</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=8B008B">#8B008B</a></td>
<td bgcolor="#8B008B"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=8B008B">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=8B008B&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=SaddleBrown">SaddleBrown</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=8B4513">#8B4513</a></td>
<td bgcolor="#8B4513"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=8B4513">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=8B4513&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DarkSeaGreen">DarkSeaGreen</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=8FBC8F">#8FBC8F</a></td>
<td bgcolor="#8FBC8F"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=8FBC8F">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=8FBC8F&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=LightGreen">LightGreen</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=90EE90">#90EE90</a></td>
<td bgcolor="#90EE90"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=90EE90">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=90EE90&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=MediumPurple">MediumPurple</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=9370D8">#9370D8</a></td>
<td bgcolor="#9370D8"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=9370D8">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=9370D8&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DarkViolet">DarkViolet</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=9400D3">#9400D3</a></td>
<td bgcolor="#9400D3"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=9400D3">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=9400D3&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=PaleGreen">PaleGreen</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=98FB98">#98FB98</a></td>
<td bgcolor="#98FB98"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=98FB98">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=98FB98&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DarkOrchid">DarkOrchid</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=9932CC">#9932CC</a></td>
<td bgcolor="#9932CC"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=9932CC">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=9932CC&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=YellowGreen">YellowGreen</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=9ACD32">#9ACD32</a></td>
<td bgcolor="#9ACD32"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=9ACD32">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=9ACD32&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Sienna">Sienna</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=A0522D">#A0522D</a></td>
<td bgcolor="#A0522D"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=A0522D">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=A0522D&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Brown">Brown</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=A52A2A">#A52A2A</a></td>
<td bgcolor="#A52A2A"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=A52A2A">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=A52A2A&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DarkGray">DarkGray</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=A9A9A9">#A9A9A9</a></td>
<td bgcolor="#A9A9A9"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=A9A9A9">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=A9A9A9&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DarkGrey">DarkGrey</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=A9A9A9">#A9A9A9</a></td>
<td bgcolor="#A9A9A9"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=A9A9A9">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=A9A9A9&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=LightBlue">LightBlue</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=ADD8E6">#ADD8E6</a></td>
<td bgcolor="#ADD8E6"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=ADD8E6">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=ADD8E6&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=GreenYellow">GreenYellow</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=ADFF2F">#ADFF2F</a></td>
<td bgcolor="#ADFF2F"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=ADFF2F">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=ADFF2F&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=PaleTurquoise">PaleTurquoise</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=AFEEEE">#AFEEEE</a></td>
<td bgcolor="#AFEEEE"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=AFEEEE">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=AFEEEE&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=LightSteelBlue">LightSteelBlue</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=B0C4DE">#B0C4DE</a></td>
<td bgcolor="#B0C4DE"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=B0C4DE">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=B0C4DE&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=PowderBlue">PowderBlue</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=B0E0E6">#B0E0E6</a></td>
<td bgcolor="#B0E0E6"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=B0E0E6">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=B0E0E6&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=FireBrick">FireBrick</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=B22222">#B22222</a></td>
<td bgcolor="#B22222"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=B22222">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=B22222&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DarkGoldenRod">DarkGoldenRod</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=B8860B">#B8860B</a></td>
<td bgcolor="#B8860B"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=B8860B">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=B8860B&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=MediumOrchid">MediumOrchid</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=BA55D3">#BA55D3</a></td>
<td bgcolor="#BA55D3"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=BA55D3">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=BA55D3&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=RosyBrown">RosyBrown</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=BC8F8F">#BC8F8F</a></td>
<td bgcolor="#BC8F8F"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=BC8F8F">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=BC8F8F&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DarkKhaki">DarkKhaki</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=BDB76B">#BDB76B</a></td>
<td bgcolor="#BDB76B"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=BDB76B">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=BDB76B&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Silver">Silver</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=C0C0C0">#C0C0C0</a></td>
<td bgcolor="#C0C0C0"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=C0C0C0">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=C0C0C0&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=MediumVioletRed">MediumVioletRed</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=C71585">#C71585</a></td>
<td bgcolor="#C71585"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=C71585">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=C71585&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=IndianRed ">IndianRed </a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=CD5C5C">#CD5C5C</a></td>
<td bgcolor="#CD5C5C"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=CD5C5C">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=CD5C5C&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Peru">Peru</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=CD853F">#CD853F</a></td>
<td bgcolor="#CD853F"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=CD853F">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=CD853F&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Chocolate">Chocolate</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=D2691E">#D2691E</a></td>
<td bgcolor="#D2691E"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=D2691E">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=D2691E&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Tan">Tan</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=D2B48C">#D2B48C</a></td>
<td bgcolor="#D2B48C"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=D2B48C">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=D2B48C&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=LightGray">LightGray</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=D3D3D3">#D3D3D3</a></td>
<td bgcolor="#D3D3D3"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=D3D3D3">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=D3D3D3&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=LightGrey">LightGrey</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=D3D3D3">#D3D3D3</a></td>
<td bgcolor="#D3D3D3"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=D3D3D3">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=D3D3D3&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=PaleVioletRed">PaleVioletRed</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=D87093">#D87093</a></td>
<td bgcolor="#D87093"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=D87093">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=D87093&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Thistle">Thistle</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=D8BFD8">#D8BFD8</a></td>
<td bgcolor="#D8BFD8"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=D8BFD8">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=D8BFD8&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Orchid">Orchid</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=DA70D6">#DA70D6</a></td>
<td bgcolor="#DA70D6"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=DA70D6">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=DA70D6&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=GoldenRod">GoldenRod</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=DAA520">#DAA520</a></td>
<td bgcolor="#DAA520"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=DAA520">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=DAA520&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Crimson">Crimson</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=DC143C">#DC143C</a></td>
<td bgcolor="#DC143C"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=DC143C">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=DC143C&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Gainsboro">Gainsboro</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=DCDCDC">#DCDCDC</a></td>
<td bgcolor="#DCDCDC"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=DCDCDC">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=DCDCDC&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Plum">Plum</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=DDA0DD">#DDA0DD</a></td>
<td bgcolor="#DDA0DD"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=DDA0DD">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=DDA0DD&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=BurlyWood">BurlyWood</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=DEB887">#DEB887</a></td>
<td bgcolor="#DEB887"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=DEB887">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=DEB887&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=LightCyan">LightCyan</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=E0FFFF">#E0FFFF</a></td>
<td bgcolor="#E0FFFF"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=E0FFFF">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=E0FFFF&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Lavender">Lavender</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=E6E6FA">#E6E6FA</a></td>
<td bgcolor="#E6E6FA"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=E6E6FA">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=E6E6FA&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DarkSalmon">DarkSalmon</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=E9967A">#E9967A</a></td>
<td bgcolor="#E9967A"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=E9967A">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=E9967A&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Violet">Violet</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=EE82EE">#EE82EE</a></td>
<td bgcolor="#EE82EE"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=EE82EE">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=EE82EE&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=PaleGoldenRod">PaleGoldenRod</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=EEE8AA">#EEE8AA</a></td>
<td bgcolor="#EEE8AA"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=EEE8AA">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=EEE8AA&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=LightCoral">LightCoral</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=F08080">#F08080</a></td>
<td bgcolor="#F08080"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=F08080">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=F08080&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Khaki">Khaki</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=F0E68C">#F0E68C</a></td>
<td bgcolor="#F0E68C"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=F0E68C">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=F0E68C&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=AliceBlue">AliceBlue</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=F0F8FF">#F0F8FF</a></td>
<td bgcolor="#F0F8FF"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=F0F8FF">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=F0F8FF&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=HoneyDew">HoneyDew</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=F0FFF0">#F0FFF0</a></td>
<td bgcolor="#F0FFF0"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=F0FFF0">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=F0FFF0&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Azure">Azure</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=F0FFFF">#F0FFFF</a></td>
<td bgcolor="#F0FFFF"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=F0FFFF">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=F0FFFF&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=SandyBrown">SandyBrown</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=F4A460">#F4A460</a></td>
<td bgcolor="#F4A460"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=F4A460">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=F4A460&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Wheat">Wheat</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=F5DEB3">#F5DEB3</a></td>
<td bgcolor="#F5DEB3"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=F5DEB3">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=F5DEB3&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Beige">Beige</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=F5F5DC">#F5F5DC</a></td>
<td bgcolor="#F5F5DC"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=F5F5DC">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=F5F5DC&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=WhiteSmoke">WhiteSmoke</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=F5F5F5">#F5F5F5</a></td>
<td bgcolor="#F5F5F5"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=F5F5F5">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=F5F5F5&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=MintCream">MintCream</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=F5FFFA">#F5FFFA</a></td>
<td bgcolor="#F5FFFA"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=F5FFFA">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=F5FFFA&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=GhostWhite">GhostWhite</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=F8F8FF">#F8F8FF</a></td>
<td bgcolor="#F8F8FF"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=F8F8FF">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=F8F8FF&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Salmon">Salmon</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FA8072">#FA8072</a></td>
<td bgcolor="#FA8072"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FA8072">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FA8072&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=AntiqueWhite">AntiqueWhite</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FAEBD7">#FAEBD7</a></td>
<td bgcolor="#FAEBD7"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FAEBD7">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FAEBD7&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Linen">Linen</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FAF0E6">#FAF0E6</a></td>
<td bgcolor="#FAF0E6"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FAF0E6">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FAF0E6&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=LightGoldenRodYellow">LightGoldenRodYellow</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FAFAD2">#FAFAD2</a></td>
<td bgcolor="#FAFAD2"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FAFAD2">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FAFAD2&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=OldLace">OldLace</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FDF5E6">#FDF5E6</a></td>
<td bgcolor="#FDF5E6"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FDF5E6">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FDF5E6&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Red">Red</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FF0000">#FF0000</a></td>
<td bgcolor="#FF0000"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FF0000">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FF0000&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Fuchsia">Fuchsia</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FF00FF">#FF00FF</a></td>
<td bgcolor="#FF00FF"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FF00FF">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FF00FF&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Magenta">Magenta</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FF00FF">#FF00FF</a></td>
<td bgcolor="#FF00FF"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FF00FF">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FF00FF&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=DeepPink">DeepPink</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FF1493">#FF1493</a></td>
<td bgcolor="#FF1493"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FF1493">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FF1493&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=OrangeRed">OrangeRed</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FF4500">#FF4500</a></td>
<td bgcolor="#FF4500"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FF4500">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FF4500&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Tomato">Tomato</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FF6347">#FF6347</a></td>
<td bgcolor="#FF6347"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FF6347">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FF6347&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=HotPink">HotPink</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FF69B4">#FF69B4</a></td>
<td bgcolor="#FF69B4"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FF69B4">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FF69B4&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Coral">Coral</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FF7F50">#FF7F50</a></td>
<td bgcolor="#FF7F50"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FF7F50">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FF7F50&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Darkorange">Darkorange</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FF8C00">#FF8C00</a></td>
<td bgcolor="#FF8C00"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FF8C00">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FF8C00&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=LightSalmon">LightSalmon</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFA07A">#FFA07A</a></td>
<td bgcolor="#FFA07A"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFA07A">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFA07A&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Orange">Orange</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFA500">#FFA500</a></td>
<td bgcolor="#FFA500"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFA500">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFA500&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=LightPink">LightPink</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFB6C1">#FFB6C1</a></td>
<td bgcolor="#FFB6C1"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFB6C1">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFB6C1&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Pink">Pink</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFC0CB">#FFC0CB</a></td>
<td bgcolor="#FFC0CB"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFC0CB">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFC0CB&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Gold">Gold</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFD700">#FFD700</a></td>
<td bgcolor="#FFD700"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFD700">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFD700&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=PeachPuff">PeachPuff</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFDAB9">#FFDAB9</a></td>
<td bgcolor="#FFDAB9"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFDAB9">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFDAB9&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=NavajoWhite">NavajoWhite</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFDEAD">#FFDEAD</a></td>
<td bgcolor="#FFDEAD"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFDEAD">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFDEAD&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Moccasin">Moccasin</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFE4B5">#FFE4B5</a></td>
<td bgcolor="#FFE4B5"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFE4B5">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFE4B5&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Bisque">Bisque</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFE4C4">#FFE4C4</a></td>
<td bgcolor="#FFE4C4"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFE4C4">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFE4C4&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=MistyRose">MistyRose</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFE4E1">#FFE4E1</a></td>
<td bgcolor="#FFE4E1"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFE4E1">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFE4E1&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=BlanchedAlmond">BlanchedAlmond</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFEBCD">#FFEBCD</a></td>
<td bgcolor="#FFEBCD"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFEBCD">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFEBCD&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=PapayaWhip">PapayaWhip</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFEFD5">#FFEFD5</a></td>
<td bgcolor="#FFEFD5"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFEFD5">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFEFD5&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=LavenderBlush">LavenderBlush</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFF0F5">#FFF0F5</a></td>
<td bgcolor="#FFF0F5"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFF0F5">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFF0F5&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=SeaShell">SeaShell</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFF5EE">#FFF5EE</a></td>
<td bgcolor="#FFF5EE"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFF5EE">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFF5EE&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Cornsilk">Cornsilk</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFF8DC">#FFF8DC</a></td>
<td bgcolor="#FFF8DC"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFF8DC">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFF8DC&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=LemonChiffon">LemonChiffon</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFFACD">#FFFACD</a></td>
<td bgcolor="#FFFACD"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFFACD">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFFACD&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=FloralWhite">FloralWhite</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFFAF0">#FFFAF0</a></td>
<td bgcolor="#FFFAF0"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFFAF0">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFFAF0&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Snow">Snow</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFFAFA">#FFFAFA</a></td>
<td bgcolor="#FFFAFA"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFFAFA">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFFAFA&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Yellow">Yellow</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFFF00">#FFFF00</a></td>
<td bgcolor="#FFFF00"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFFF00">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFFF00&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=LightYellow">LightYellow</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFFFE0">#FFFFE0</a></td>
<td bgcolor="#FFFFE0"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFFFE0">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFFFE0&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=Ivory">Ivory</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFFFF0">#FFFFF0</a></td>
<td bgcolor="#FFFFF0"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFFFF0">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFFFF0&colortop=FFFFFF">Mix</a></td>
</tr>
<tr>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?color=White">White</a> </td>
<td align="left"><a target="_blank" href="/tags/ref_color_tryit.asp?hex=FFFFFF">#FFFFFF</a></td>
<td bgcolor="#FFFFFF"> </td>
<td align="left"><a href="/tags/ref_colorpicker.asp?colorhex=FFFFFF">Shades</a></td>
<td align="left"><a href="/tags/ref_colormixer.asp?colorbottom=FFFFFF&colortop=FFFFFF">Mix</a></td>
</tr>
</table>
<br />
<table class="chapter" border="0" width="100%" cellspacing="0" cellpadding="0"><tr>
<td class="prev"><a class="chapter" href="css_colornames.asp">« Previous</a></td>
<td class="next"><a class="chapter" href="css3_browsersupport.asp">Next Chapter </a></td>
</tr></table>
<hr />
<!-- **** SPOTLIGHTS 1 **** -->
<iframe id="w3schools_spot1" name="w3schools_spot1" src="/banners/aspallframe.asp" height="100" width="100%"
marginwidth="0" marginheight="0" frameborder="0" scrolling="no" >
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>
<hr />
<!-- **** SPOTLIGHTS 2 **** -->
<!-- **** SPOTLIGHTS 3 **** -->
<table cellpadding="0" cellspacing="0"><tr><td width="108"> </td><td>
<script type="text/javascript">
<!--
google_ad_client = "pub-3440800076797949";
/*txt*/
google_ad_slot = "1699448869";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript" src="css_colorsfull_files/show_ads.js"></script>
</td></tr></table>
<div id="err_form" style="display:none">
<h2>Your suggestion:</h2>
<p><label for="err_email">Your E-mail (optional):</label> <input type="text" id="err_email" name="err_email" /></p>
<p><label for="err_url">Page address:</label> <input type="text" disabled="disabled" id="err_url" name="err_url" /></p>
<p><label for="err_desc">Description:</label> <textarea name="err_desc" id="err_desc" cols="92" rows="20"></textarea></p>
<p class="submit"><input type="button" value="Submit" onclick="sendErr()" /></p>
<div class="err_close" onclick="hideError()">Close [X]</div>
</div>
<div id="err_sent" style="display:none">
<h2>Thank you for your support.</h2>
<div class="err_close" onclick="hideSent()">Close [X]</div>
</div>
</td></tr>
</table>
</td>
<td id="rightcolumn" width="150" align="center" valign="top">
<table cellspacing="0">
<tr><th>WEB HOSTING</th></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://www.lunarpages.com/id/w3schools/goto/w3schools">Best Web Hosting</a>
</td></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://www.eukhost.com">PHP MySQL Hosting</a>
</td></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://www.web-hosting-top.com">Top 10 Web Hosting</a>
</td></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://www.heartinternet.co.uk/index.shtml">UK Reseller Hosting</a>
</td></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://www.webhosting.uk.com/cloud-hosting.php">Cloud Hosting</a>
</td></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://stats.justhost.com/track?c878c3580275f4db3720fbc777a282233">Top Web Hosting</a>
</td></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://www.doteasy.com/index.cfm?A=w3text">$6.93 .COM/.NET/.ORG</a>
</td></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://www.greengeeks.com/cgi-bin/affiliates/clickthru.cgi?id=w3stxt&page=123">Hosting Commissions</a>
</td></tr>
</table>
<table cellspacing="0">
<tr><th>WEB BUILDING</th></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://www.altova.com/ref/?s=w3s_text2&q=xmlspy">XML Editor ? Free Trial!</a>
</td></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://www.wix.com/start/wfree?utm_campaign=ma_w3schools.com&experiment_id=ma_w3schools.com300builder">FREE Website BUILDER</a>
</td></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://www.dreamtemplate.com">Free Website Templates</a>
<a target="_blank" rel="nofollow" href="http://www.templatesold.com">Free WordPress Themes</a>
</td></tr>
</table>
<table cellspacing="0">
<tr><th>W3SCHOOLS EXAMS</th></tr>
<tr><td>
<a target="_blank" href="/cert/default.asp">Get Certified in:<br />HTML, CSS, JavaScript, XML, PHP, and ASP</a>
</td></tr>
</table>
<table cellspacing="0">
<tr><th>W3SCHOOLS BOOKS</th></tr>
<tr><td>
<a target="_blank" href="/books/default.asp">
New Books:<br />HTML, CSS<br />
JavaScript, and Ajax</a>
</td></tr>
</table>
<table cellspacing="0">
<tr><th>STATISTICS</th></tr>
<tr><td>
<a target="_top" href="/browsers/browsers_stats.asp">Browser Statistics</a><br />
<a target="_top" href="/browsers/browsers_os.asp">Browser OS</a><br />
<a target="_top" href="/browsers/browsers_display.asp">Browser Display</a>
</td></tr></table>
<script type="text/javascript">
<!--
function sharethis()
{
txt='<a href="http://www.facebook.com/sharer.php?u='+document.URL+'" target="_blank" title="Facebook">'
txt=txt+'<img src="/images/share_facebook.gif" border="0" width="16px" height="16px" style="margin-right:4px" /></a>';
txt=txt+'<a href="http://twitter.com/home?status=Currently reading '+document.URL+'" target="_blank" title="Twitter">';
txt=txt+'<img src="/images/share_twitter.gif" border="0" width="16px" height="16px" style="margin-right:4px" /></a>';
txt=txt+'<a href="mailto:?&subject='+document.title+'&body=Take%20a%20look%20at%20this%20page%20at%20W3Schools.com:%20'+document.URL+'" target="_blank" title="E-mail">';
txt=txt+'<img src="/images/share_email.gif" border="0" width="16px" height="16px" style="margin-right:4px" /></a>';
txt=txt+'<a href="http://delicious.com/save?v=5&noui&jump=close&url='+document.URL+'&title='+document.title+'" target="_blank" title="Delicious">';
txt=txt+'<img src="/images/share_delicious.gif" border="0" width="16px" height="16px" style="margin-right:4px" /></a>';
txt=txt+'<a href="http://www.reddit.com/submit?url='+document.URL+'" target="_blank" title="Reddit">';
txt=txt+'<img src="/images/share_reddit.gif" border="0" width="16px" height="16px" style="margin-right:4px" /></a>';
txt=txt+'<a href="http://digg.com/submit?url='+document.URL+'&title='+document.title+'" target="_blank" title="Digg">';
txt=txt+'<img src="/images/share_digg.gif" border="0" width="16px" height="16px" style="margin-right:4px" /></a>';
txt=txt+'<a href="http://www.stumbleupon.com/submit?url='+document.URL+'%26title%3D'+document.title+'" target="_blank" title="Stumbleupon">';
txt=txt+'<img src="/images/share_stumbleupon.gif" border="0" width="16px" height="16px" /></a>';
document.getElementById("sharethis").innerHTML=txt;
}
//-->
</script>
<table cellspacing="0">
<tr><th>SHARE THIS PAGE</th></tr>
<tr>
<td id="sharethis">
<div style="height:16px">
<a href="#" onclick="sharethis();return false;">Share with »</a>
</div>
</td>
</tr>
</table>
</td></tr></table>
</td>
</tr></table>
</center>
<table id="footer" cellspacing="0" cellpadding="0" align="center" border="0" width="100%">
<tr>
<td align="center">
<table align="center" border="0" width="960">
<tr>
<td align="left" width="200">
<a href="http://www.w3schools.com"><img border="0" src="css_colorsfull_files/w3schoolscom_gray.gif" alt="W3Schools.com" /></a>
</td>
<td align="right" style="word-spacing:6px;font-size:80%;padding-right:10px;">
<a href="/default.asp" target="_top">HOME</a> |
<a href="#top" target="_top">TOP</a> |
<a href='/cssref/css_colorsfull.asp?output=print' target="_blank">PRINT</a> |
<a href="/forum/default.asp" target="_blank">FORUM</a> |
<a href="/about/default.asp" target="_top">ABOUT</a>
</td>
</tr>
<tr>
<td valign="top" colspan="2" align="center" style="color:#404040;">
<a href="" onclick="displayError();return false">Help W3Schools. Suggest corrections to this page.</a>
</td>
</tr>
<tr>
<td valign="top" colspan="2" align="center" style="padding-top:7px;color:#404040;">
W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding.<br />
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content.<br />
While using this site, you agree to have read and accepted our
<a href="/about/about_copyright.asp">terms of use</a> and
<a href="/about/about_privacy.asp">privacy policy</a>.<br />
<a href="/about/about_copyright.asp">Copyright 1999-2011</a> by Refsnes Data. All Rights Reserved.
</td>
</tr>
</table>
<br />
</td>
</tr>
</table>
<script type="text/javascript">
<!--
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
autoDisplay: false,
gaTrack: true,
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
//-->
</script><script src="css_colorsfull_files/element.js" type="text/javascript"></script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手