Color Coding

or scroll down the page.

Return to Main Page of Ted’s HTML Tutorial

The attribute of color is a vital, indispensable characteristic of web pages.  Virtually everything on a web page easily can be colorized, including the following:

page backgrounds  table backgrounds
text hyperlinks
table borders frame borders

All light, including that which is emitted from a computer monitor, is composed of a certain proportion of red, green, and/or blue light.  Color SpectrumThe amount of each of these components of the “visual spectrum” can be expressed as a number, which is unique for each specific color or hue.  PrismAll colors of light, when combined together, produce white light—which is separated into its infinite component hues when it is passed through a prism, as each hue or wavelength of light is bent a slightly different amount.

Color CombinationsCombining two colors of light gives the opposite effect of mixing together the same two colors of paint.  Blue light and green light together make cyan (1).  Red light and blue light together make magenta (2).  Green light and red light together make yellow (3).  Of course, as stated above, combining all wavelengths of light results in white.

The numerical value of a color commonly is expressed by means of either of two color codes.  Each code specifies the composite of a color with a number, RDGRBL, where RD is the amount of red, GR is the amount of green, and BL is the amount of blue in a color.  Here are the two types of color codes:

HTML utilizes the hexadecimal coding of colors, so the numerical value of each color specified in an HTML source code document will have 6 digits in it.  Furthermore, some browsers will not recognize a color code unless a “#” sign precedes the code:

#XXXXXX


At the bottom of this page are links to color charts displaying numerous colors recognized by most browsers.  Moreover, most browsers recognize the following 20 (and other) common colors, each of which can be represented in one of two ways:

Chart of Common Colors
  AQUA
  1. <FONT COLOR="aqua">
  2. <FONT COLOR="#00FFFF">
  BLACK (the default color)
  1. <FONT COLOR="black">
  2. <FONT COLOR="#000000">
  BLUE
  1. <FONT COLOR="blue">
  2. <FONT COLOR="#0000FF">
  BROWN
  1. <FONT COLOR="brown">
  2. <FONT COLOR="#A02820">
  CHARTREUSE
  1. <FONT COLOR="chartreuse">
  2. <FONT COLOR="#80FF00">
  FUCHSIA
  1. <FONT COLOR="fuchsia">
  2. <FONT COLOR="#FF00FF">
  GRAY
  1. <FONT COLOR="gray">
  2. <FONT COLOR="#808080">
  GREEN
  1. <FONT COLOR="green">
  2. <FONT COLOR="#008000">
  LIME
  1. <FONT COLOR="lime">
  2. <FONT COLOR="#00FF00">
  MAROON
  1. <FONT COLOR="maroon">
  2. <FONT COLOR="#800000">
  NAVY
  1. <FONT COLOR="navy">
  2. <FONT COLOR="#000080">
  OLIVE
  1. <FONT COLOR="olive">
  2. <FONT COLOR="#808000">
  ORANGE
  1. <FONT COLOR="orange">
  2. <FONT COLOR="#FFA000">
  PURPLE
  1. <FONT COLOR="purple">
  2. <FONT COLOR="#800080">
  RED
  1. <FONT COLOR="red">
  2. <FONT COLOR="FF0000">
  SILVER
  1. <FONT COLOR="silver">
  2. <FONT COLOR="#C0C0C0">
  TEAL
  1. <FONT COLOR="teal">
  2. <FONT COLOR="#008080">
  VIOLET
  1. <FONT COLOR="violet">
  2. <FONT COLOR="#F080F0">
  WHITE
  1. <FONT COLOR="white">
  2. <FONT COLOR="#FFFFFF">
  YELLOW
  1. <FONT COLOR="yellow">
  2. <FONT COLOR="#FFFF00">


You very easily can adjust and fine-tune your own colors, as well as see the hexidecimal and decimal codes for each color, using a Color Machine or an HTML/CSS Color Picker.

Optionally, the following are links to coded color charts I have developed with 1) wide-spectrum colors, with 2) categorized colors, and with 3) color names, each classification being available on black, gray, and white backgrounds:

Wide-Spectrum Color Charts

Ted’s Wide-Spectrum Color Chart: BLACK Background

Ted’s Wide-Spectrum Color Chart: GRAY Background

Ted’s Wide-Spectrum Color Chart: WHITE Background


Categorized Color Charts

Ted’s Categorized Color Chart: BLACK Background

Ted’s Categorized Color Chart: GRAY Background

Ted’s Categorized Color Chart: WHITE Background


Color Names Charts

Color Names Chart: BLACK Background

Color Names Chart: GRAY Background

Color Names Chart: WHITE Background

Proceed to Heading Level Tags

Return to Main Page of Ted’s HTML Tutorial

Copyright © 1998– by Ted M. Montgomery.  All rights reserved.