Index Basics Colors Fonts Images Links Tables

Colors


        The hardest part with colors is understanding how "A2F563" can mean a certain color. This 6 digit number is 3 sets of 2 numbers each set representing a color, the first 2 numbers are for the amount of red color, the middle 2 for the amount of green color, and the last 2 for the amount of blue color. Since the numbers are Hexadecimal they can be a number from 0-9 or a letter from A-F, in Hexadecimal (base 16) You can have 16 (including 0) numbers before needing a second digit we normally use the decimal (base 10) system for counting where You can have only 10 numbers (0-9) before needing a second digit. In Hexadecimal the number order is 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. Below is a small example using Hexadecimal numbers to represent a certain color. The number at the end of the line shows the number for the color used.
    the first 2 numbers/letters in the set are for the amount of RED color.FF0000
    the middle 2 numbers/letters in the set are for the amount of GREEN color.00FF00
    the last 2 numbers/letters in the set are for the amount of BLUE color.0000FF

        Using a 00 (zero zero) for the first number would mean that the color You want has no red in it or a number close to the middle would be red half on... if there is a 6 digit number for a color and the number is 00FFFF it would mean that all the green is on and all the blue, but no red at all, a number of 0000FF would mean just blue is on.

        If this is a little too confusing there is a Name color chart for using basic colors, I recommend using the Hexadecimal chart only because You will have much more control over the colors displayed.

        The most important thing is to remember that the color order is red, green, and blue it's always in that order and remember that the brighter each color is the higher the number will be.



This table shows the different
shades of the basic colors
RED GREEN BLUE
very dark 330000 003300 000033
dark 660000 006600 000066
normal 990000 009900 000099
bright CC0000 00CC00 0000CC
very bright FF0000 00FF00 0000FF
Veiw this table's Source Code


This table shows the mixed colors
derrived from the 3 basic colors
RED GREEN BLUE
RED FF0000 FFFF00 FF00FF
GREEN FFFF00 00FF00 00FFFF
BLUE FF00FF 00FFFF 0000FF
Veiw this table's Source Code


      To use the colors You have learned about here You can include them in the HTML code for the background color, font color, table background color, and a tables cell color. The following examples show the use of <COLOR> using #XXXXXX in place of the color code You want.
      For the background color on a page the color is controlled by using a BGCOLOR="#XXXXXX" parameter in the <BODY> tag like this...
      Background color Example:
<BODY BGCOLOR="#C0C0C0">
      To control the font color include a COLOR="#XXXXXX" parameter in the <FONT> tag like this...
      Font color Example:
<FONT COLOR="#FF0000">This is Red Font Color</FONT>

      For table and cell colors include the BGCOLOR="#XXXXXX" parameter with the <TABLE> or the <TD>tags. Notice in the folowing example the <BGCOLOR>
      Table & Cell color Example:
red cell green cell blue cell
<TABLE BGCOLOR="#333333">
   <TR>
   <TD BGCOLOR="#FF0000">red cell</TD>
   <TD BGCOLOR="#00FF00">green cell</TD>
   <TD BGCOLOR="#0000FF">blue cell</TD>
   </TR>
</TABLE>


Hexadecimal Color Chart
Name Color Chart

Start Learning Fonts




Pure Logic Co.
Copyright© 1995-1999
All Rights Reserved