Scott Granneman

 Contact | Site Map | Search
HomeWritingPresentationsTeachingWeb DevTech InfoUseful LinksPersonal
Home > Web Dev > Graphics & Multimedia > Color > Color via FONT tag

Color via FONT tag

C O L O R

Note: All colors can be indicated using one of two methods:
  1. RGB Hex Number
    • Color is specified with a hexadecimal number signifying red-green-blue
    • 16 numbers: 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F (0=least to F=most)
    • Examples:
        Black = #000000 (00=red, 00=green, 00=blue)
        White = #FFFFFF (FF=red, FF=green, FF=blue)
        Blue = #0000FF (00=red, 00=green, FF=blue)
        Purple = #800080 (80=red, 00=green, 80=blue)
    • A list of all the hex codes and their colors
  2. Name
    • Color is specified with one of 16 names
    • Names:
        Aqua, Black, Blue, Fuchsia
        Gray, Green, Lime, Maroon
        Navy, Olive, Purple, Red
        Silver, Teal, White, Yellow
    • RGB equivalents of the names:
        Aqua [#00FFFF], Black [#000000], Blue [#0000FF], Fuchsia [#FF00FF]
        Gray [#808080], Green [#008000], Lime [#00FF00], Maroon [#800000]
        Navy [#000080], Olive [#808000], Purple [#800080], Red [#FF0000]
        Silver [#C0C0C0], Teal [#008080], White [#FFFFFF], Yellow [#FFFF00]
    • Examples:
      Aqua Black Blue Fuchsia
      Gray Green Lime Maroon
      Navy Olive Purple Red
      Silver Teal White Yellow

<BODY> tag: Background and Text Color

<BODY BGCOLOR="#" TEXT="#" LINK="#" VLINK="#" ALINK="#">
or
<BODY BGCOLOR="name" TEXT="name" LINK="name" VLINK="name" ALINK="name">
BGCOLOR = background color (often "#FFFFFF" or "white"; default is "#808080" or "gray")
TEXT = text color (default is "#000000" or "black")
LINK = link color (default is "#0000FF" or "blue")
VLINK = visited link color (default is "#800080" or "purple")
ALINK = active link color (often "#FF0000" or "red")

<FONT> tag: Font color

<FONT COLOR=#> ... </FONT>
or
<FONT COLOR="name"> ... </FONT>

Example:
<FONT COLOR="#800000">I am maroon</FONT>
or
<FONT COLOR="maroon">I am maroon</FONT>
produces
I am maroon

<TABLE>, <TH>, <TR>, <TD> tag: Table colors

<TABLE BGCOLOR="#FFFFFF" BORDERCOLOR="#FFFFFF"> ... </TABLE>
<TH BGCOLOR="#FFFFFF"> ... </TH>
<TR BGCOLOR="#FFFFFF"> ... </TR>
<TD BGCOLOR="#FFFFFF"> ... </TD>

Examples:
<TABLE BGCOLOR="#FFFF00">
 <TR>
  <TD>
   Text in a cell
  </TD>
 </TR>
</TABLE>
produces

Text in a yellow cell

<TABLE>
 <TH BGCOLOR="#FFFF00">
  Bold text in a yellow header cell
 </TH>
</TABLE>
produces

Bold text in a yellow header cell

<TABLE BGCOLOR="#FFFF00">
 <TR BGCOLOR="#FFFF00">
  <TD>
   Text in a yellow row
  </TD>
  <TD>
   Text in a yellow row
  </TD>
 </TR>
 <TR>
  <TD BGCOLOR="#FFFF00">
   Text in a yellow cell
  </TD>
  <TD BGCOLOR="#00FF00">
   Text in a lime row
  </TD>
 </TR>
</TABLE>
produces

Text in a yellow row Text in a yellow row
Text in a yellow cell Text in a lime cell