Named colors : color « CSS « HTML / CSS
- HTML / CSS
- CSS
- color
Named colors
<HTML>
<HEAD>
<TITLE>A Chart of the Named Colors</TITLE>
<STYLE TYPE="text/css">
td {
font-size:1.2em; font-weight:500;
}
table {
Text-Align : Center
}
td.wt {
Color : white ;
Font-Weight : 500
}
</STYLE>
</HEAD>
<BODY BGCOLOR="black">
<P ALIGN="CENTER"><FONT SIZE="5" COLOR="silver">The Netscape Named Colors</FONT>
<DIV ALIGN="CENTER">
<P>
<TABLE BORDER="1" WIDTH="80%" cellpadding="5">
<TR>
<TD WIDTH="25%" BGCOLOR="aliceblue">aliceblue</TD>
<TD WIDTH="25%" BGCOLOR="antiquewhite">antiquewhite</TD>
<TD WIDTH="25%" BGCOLOR="aqua">aqua</TD>
<TD WIDTH="25%" BGCOLOR="aquamarine">aquamarine</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="azure">azure</TD>
<TD WIDTH="25%" BGCOLOR="beige">beige</TD>
<TD WIDTH="25%" BGCOLOR="bisque">bisque</TD>
<TD WIDTH="25%" BGCOLOR="blanchedalmond">blanchedalmond</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="blue" class="wt">blue</TD>
<TD WIDTH="25%" BGCOLOR="blueviolet">blueviolet</TD>
<TD WIDTH="25%" BGCOLOR="brown">brown</TD>
<TD WIDTH="25%" BGCOLOR="burlywood">burlywood</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="cadetblue">cadetblue</TD>
<TD WIDTH="25%" BGCOLOR="chartreuse">chartreuse</TD>
<TD WIDTH="25%" BGCOLOR="chocolate">chocolate</TD>
<TD WIDTH="25%" BGCOLOR="coral">coral</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="cornflowerblue">cornflowerblue</TD>
<TD WIDTH="25%" BGCOLOR="cornsilk">cornsilk</TD>
<TD WIDTH="25%" BGCOLOR="crimson">crimson</TD>
<TD WIDTH="25%" BGCOLOR="aqua">cyan</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="darkblue" class="wt">darkblue</TD>
<TD WIDTH="25%" BGCOLOR="darkcyan">darkcyan</TD>
<TD WIDTH="25%" BGCOLOR="darkgoldenrod">darkgoldenrod</TD>
<TD WIDTH="25%" BGCOLOR="darkgray">darkgray</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="darkgreen" class="wt">darkgreen</TD>
<TD WIDTH="25%" BGCOLOR="darkkhaki">darkkhaki</TD>
<TD WIDTH="25%" BGCOLOR="darkmagenta">darkmagenta</TD>
<TD WIDTH="25%" BGCOLOR="darkolivegreen" class="wt">darkolivegreen</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="darkorange">darkorange</TD>
<TD WIDTH="25%" BGCOLOR="darkorchid">darkorchid</TD>
<TD WIDTH="25%" BGCOLOR="darkred">darkred</TD>
<TD WIDTH="25%" BGCOLOR="darksalmon">darksalmon</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="darkseagreen">darkseagreen</TD>
<TD WIDTH="25%" BGCOLOR="darkslateblue" class="wt">darkslateblue</TD>
<TD WIDTH="25%" BGCOLOR="darkslategray" class="wt">darkslategray</TD>
<TD WIDTH="25%" BGCOLOR="darkturquoise">darkturquoise</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="darkviolet">darkviolet</TD>
<TD WIDTH="25%" BGCOLOR="deeppink">deeppink</TD>
<TD WIDTH="25%" BGCOLOR="deepskyblue">deepskyblue</TD>
<TD WIDTH="25%" BGCOLOR="dimgray" class="wt">dimgray</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="dodgerblue">dodgerblue</TD>
<TD WIDTH="25%" BGCOLOR="firebrick">firebrick</TD>
<TD WIDTH="25%" BGCOLOR="floralwhite">floralwhite</TD>
<TD WIDTH="25%" BGCOLOR="forestgreen">forestgreen</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="fuchsia">fuchsia</TD>
<TD WIDTH="25%" BGCOLOR="gainsboro">gainsboro</TD>
<TD WIDTH="25%" BGCOLOR="ghostwhite">ghostwhite</TD>
<TD WIDTH="25%" BGCOLOR="gold">gold</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="goldenrod">goldenrod</TD>
<TD WIDTH="25%" BGCOLOR="gray">gray</TD>
<TD WIDTH="25%" BGCOLOR="green">green</TD>
<TD WIDTH="25%" BGCOLOR="greenyellow">greenyellow</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="honeydew">honeydew</TD>
<TD WIDTH="25%" BGCOLOR="hotpink">hotpink</TD>
<TD WIDTH="25%" BGCOLOR="indianred">indianred</TD>
<TD WIDTH="25%" BGCOLOR="indigo" class="wt">indigo</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="ivory">ivory</TD>
<TD WIDTH="25%" BGCOLOR="khaki">khaki</TD>
<TD WIDTH="25%" BGCOLOR="lavender">lavender</TD>
<TD WIDTH="25%" BGCOLOR="lavenderblush">lavenderblush</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="lawngreen">lawngreen</TD>
<TD WIDTH="25%" BGCOLOR="lemonchiffon">lemonchiffon</TD>
<TD WIDTH="25%" BGCOLOR="lightblue">lightblue</TD>
<TD WIDTH="25%" BGCOLOR="lightcoral">lightcoral</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="lightcyan">lightcyan</TD>
<TD WIDTH="25%" BGCOLOR="lightgoldenrodyellow">lightgoldenrodyellow</TD>
<TD WIDTH="25%" BGCOLOR="lightgreen">lightgreen</TD>
<TD WIDTH="25%" BGCOLOR="lightgrey">lightgrey</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="lightpink">lightpink</TD>
<TD WIDTH="25%" BGCOLOR="lightsalmon">lightsalmon</TD>
<TD WIDTH="25%" BGCOLOR="lightseagreen">lightseagreen</TD>
<TD WIDTH="25%" BGCOLOR="lightskyblue">lightskyblue</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="lightslategray">lightslategray</TD>
<TD WIDTH="25%" BGCOLOR="lightsteelblue">lightsteelblue</TD>
<TD WIDTH="25%" BGCOLOR="lightyellow">lightyellow</TD>
<TD WIDTH="25%" BGCOLOR="lime">lime</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="limegreen">limegreen</TD>
<TD WIDTH="25%" BGCOLOR="linen">linen</TD>
<TD WIDTH="25%" BGCOLOR="fuchsia">magenta</TD>
<TD WIDTH="25%" BGCOLOR="maroon" class="wt">maroon</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="mediumaquamarine">mediaumaquamarine</TD>
<TD WIDTH="25%" BGCOLOR="mediumblue" class="wt">mediumblue</TD>
<TD WIDTH="25%" BGCOLOR="mediumorchid">mediumorchid</TD>
<TD WIDTH="25%" BGCOLOR="mediumpurple">mediumpurple</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="mediumseagreen">mediumseagreen</TD>
<TD WIDTH="25%" BGCOLOR="mediumslateblue">mediumslateblue</TD>
<TD WIDTH="25%" BGCOLOR="mediumvioletred">mediumvioletred</TD>
<TD WIDTH="25%" BGCOLOR="midnightblue" class="wt">midnightblue</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="mintcream">mintcream</TD>
<TD WIDTH="25%" BGCOLOR="mistyrose">mistyrose</TD>
<TD WIDTH="25%" BGCOLOR="moccasin">moccasin</TD>
<TD WIDTH="25%" BGCOLOR="navajowhite">navajowhite</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="navy" class="wt">navy</TD>
<TD WIDTH="25%" BGCOLOR="oldlace">oldlace</TD>
<TD WIDTH="25%" BGCOLOR="olive">olive</TD>
<TD WIDTH="25%" BGCOLOR="olivedrab">olivedrab</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="orange">orange</TD>
<TD WIDTH="25%" BGCOLOR="orangered">orangered</TD>
<TD WIDTH="25%" BGCOLOR="orchid">orchid</TD>
<TD WIDTH="25%" BGCOLOR="palegoldenrod">palegoldenrod</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="palegreen">palegreen</TD>
<TD WIDTH="25%" BGCOLOR="paleturquoise">paleturquoise</TD>
<TD WIDTH="25%" BGCOLOR="palevioletred">palevioletred</TD>
<TD WIDTH="25%" BGCOLOR="papayawhip">papayawhip</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="peachpuff">peachpuff</TD>
<TD WIDTH="25%" BGCOLOR="peru">peru</TD>
<TD WIDTH="25%" BGCOLOR="pink">pink</TD>
<TD WIDTH="25%" BGCOLOR="plum">plum</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="powderblue">powderblue</TD>
<TD WIDTH="25%" BGCOLOR="red">red</TD>
<TD WIDTH="25%" BGCOLOR="rosybrown">rosybrown</TD>
<TD WIDTH="25%" BGCOLOR="royalblue">royalblue</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="saddlebrown">saddlebrown</TD>
<TD WIDTH="25%" BGCOLOR="salmon">salmon</TD>
<TD WIDTH="25%" BGCOLOR="sandybrown">sandybrown</TD>
<TD WIDTH="25%" BGCOLOR="seagreen">seagreen</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="seashell">seashell</TD>
<TD WIDTH="25%" BGCOLOR="sienna">sienna</TD>
<TD WIDTH="25%" BGCOLOR="silver">sliver</TD>
<TD WIDTH="25%" BGCOLOR="skyblue">skyblue</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="slateblue">slateblue</TD>
<TD WIDTH="25%" BGCOLOR="slategray">slategray</TD>
<TD WIDTH="25%" BGCOLOR="snow">snow</TD>
<TD WIDTH="25%" BGCOLOR="springgreen">springgreen</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="steelblue">steelblue</TD>
<TD WIDTH="25%" BGCOLOR="tan">tan</TD>
<TD WIDTH="25%" BGCOLOR="teal">teal</TD>
<TD WIDTH="25%" BGCOLOR="thistle">thistle</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="tomato">tomato</TD>
<TD WIDTH="25%" BGCOLOR="turquoise">turquoise</TD>
<TD WIDTH="25%" BGCOLOR="violet">violet</TD>
<TD WIDTH="25%" BGCOLOR="wheat">wheat</TD>
</TR>
<TR>
<TD WIDTH="25%" BGCOLOR="white">white</TD>
<TD WIDTH="25%" BGCOLOR="whitesmoke">whitesmoke</TD>
<TD WIDTH="25%" BGCOLOR="yellow">yellow</TD>
<TD WIDTH="25%" BGCOLOR="yellowgreen">yellowgreen</TD>
</TR>
</TABLE>
</DIV>
</BODY>
</HTML>
Related examples in the same category