CSS – Color References


CSS – Color References


”;


The following table shows the 16 color names that were introduced in HTML 3.2, to support the 16 colors that 8-bit graphics cards offered. Same set of color can be used in CSS −

Color Name Hex Value Color Show
aqua #00ffff Demo
black #000000 Demo
blue #0000ff Demo
fuchsia #ff00ff Demo
green #008000 Demo
gray #808080 Demo
lime #00ff00 Demo
maroon #800000 Demo
navy #000080 Demo
olive #808000 Demo
purple #800080 Demo
red #ff0000 Demo
silver #c0c0c0 Demo
teal #008080 Demo
white #ffffff Demo
yellow #ffff00 Demo

There are other colors, which are not part of HTML or XHTML but they are supported by most of the versions of IE or Netscape. These color names can be used in CSS as well.

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

Advertisements

”;

Leave a Reply

Your email address will not be published. Required fields are marked *