HTML color names

From Wikipedia, the free encyclopedia

Main article: Web colors

The HTML 4.01 specification[1] defines sixteen named colors, as follows (names are defined in this context to be case independent; the table is alphabetically ordered):

Color Hexadecimal Color Hexadecimal Color Hexadecimal Color Hexadecimal
Background
Text
Background
Text
Background
Text
Background
Text
aqua #00FFFF Sample text on black black #000000 Sample text blue #0000FF Sample text fuchsia #FF00FF Sample text
gray #808080 Sample text green #008000 Sample text lime #00FF00 Sample text on black maroon #800000 Sample text
navy #000080 Sample text olive #808000 Sample text purple #800080 Sample text red #FF0000 Sample text
silver #C0C0C0 Sample text on black teal #008080 Sample text white #FFFFFF Sample text on black yellow #FFFF00 Sample text on black


These 16 were also specified as sRGB and included in the HTML 3.0 specification which noted "These colors were originally picked as being the standard 16 colors supported with the Windows VGA palette." It should be noted that fuchsia is exactly the same as magenta (in the list below) and similarly aqua is exactly the same as cyan. [2]

It should be mentioned that all color values from #000000 - #FFFFFF (16,777,216 colors) are valid.

Nonstandard HTML recognizes other X11 color names, including "orange," "darkgray" (which, ironically, is lighter than gray), "darkorange," "lightgray," "darkgreen," "beige," "tan," "brown" and others.

[edit] Combinations

Combination of HTML background and text colors.

aqua background

aqua+aqua aqua+black aqua+blue aqua+fuchsia
aqua+gray aqua+green aqua+lime aqua+maroon
aqua+navy aqua+olive aqua+purple aqua+red
aqua+silver aqua+teal aqua+white aqua+yellow

black background

black+aqua black+black black+blue black+fuchsia
black+gray black+green black+lime black+maroon
black+navy black+olive black+purple black+red
black+silver black+teal black+white black+yellow

blue background

blue+aqua blue+black blue+blue blue+fuchsia
blue+gray blue+green blue+lime blue+maroon
blue+navy blue+olive blue+purple blue+red
blue+silver blue+teal blue+white blue+yellow

fuchsia background

fuchsia+aqua fuchsia+black fuchsia+blue fuchsia+fuchsia
fuchsia+gray fuchsia+green fuchsia+lime fuchsia+maroon
fuchsia+navy fuchsia+olive fuchsia+purple fuchsia+red
fuchsia+silver fuchsia+teal fuchsia+white fuchsia+yellow

gray background

gray+aqua gray+black gray+blue gray+fuchsia
gray+gray gray+green gray+lime gray+maroon
gray+navy gray+olive gray+purple gray+red
gray+silver gray+teal gray+white gray+yellow

green background

green+aqua green+black green+blue green+fuchsia
green+gray green+green green+lime green+maroon
green+navy green+olive green+purple green+red
green+silver green+teal green+white green+yellow

lime background

lime+aqua lime+black lime+blue lime+fuchsia
lime+gray lime+green lime+lime lime+maroon
lime+navy lime+olive lime+purple lime+red
lime+silver lime+teal lime+white lime+yellow

maroon background

maroon+aqua maroon+black maroon+blue maroon+fuchsia
maroon+gray maroon+green maroon+lime maroon+maroon
maroon+navy maroon+olive maroon+purple maroon+red
maroon+silver maroon+teal maroon+white maroon+yellow

navy background

navy+aqua navy+black navy+blue navy+fuchsia
navy+gray navy+green navy+lime navy+maroon
navy+navy navy+olive navy+purple navy+red
navy+silver navy+teal navy+white navy+yellow

olive background

olive+aqua olive+black olive+blue olive+fuchsia
olive+gray olive+green olive+lime olive+maroon
olive+navy olive+olive olive+purple olive+red
olive+silver olive+teal olive+white olive+yellow

purple background

purple+aqua purple+black purple+blue purple+fuchsia
purple+gray purple+green purple+lime purple+maroon
purple+navy purple+olive purple+purple purple+red
purple+silver purple+teal purple+white purple+yellow

red background

red+aqua red+black red+blue red+fuchsia
red+gray red+green red+lime red+maroon
red+navy red+olive red+purple red+red
red+silver red+teal red+white red+yellow

silver background

silver+aqua silver+black silver+blue silver+fuchsia
silver+gray silver+green silver+lime silver+maroon
silver+navy silver+olive silver+purple silver+red
silver+silver silver+teal silver+white silver+yellow

teal background

teal+aqua teal+black teal+blue teal+fuchsia
teal+gray teal+green teal+lime teal+maroon
teal+navy teal+olive teal+purple teal+red
teal+silver teal+teal teal+white teal+yellow

white background

white+aqua white+black white+blue white+fuchsia
white+gray white+green white+lime white+maroon
white+navy white+olive white+purple white+red
white+silver white+teal white+white white+yellow

yellow background

yellow+aqua yellow+black yellow+blue yellow+fuchsia
yellow+gray yellow+green yellow+lime yellow+maroon
yellow+navy yellow+olive yellow+purple yellow+red
yellow+silver yellow+teal yellow+white yellow+yellow

[edit] References

  1. ^ HTML 4.01 Specification section 6.5 "Colors"
  2. ^ HTML 3.2 Specification "The BODY element"