LESSON TEN - RGB COLOR TABLE

You may read the following sections in their entirety
or use these choices to go directly to a section.

| About the color table | | Color table |

ABOUT THE COLOR TABLE

 In Lesson Nine we learned that color codes must be given as hexadecimal numbers in the form "#RRGGBB" where RR represents the intensity of red, GG the intensity of green and BB the intensity of blue. Each intensity is a hexadecimal number from Hex 00 to Hex FF (= Dec 00 to Dec 255 = 256 intensities for each color). When using color codes in your HTML documents, you must have the # symbol in front of the color code and the whole code must be enclosed within quotation marks. Below is a table giving various colors and their corresponding codes. Since there are over 16 million color codes, this table shows a cross sampling through all the codes. The table gives color intensities as multiples of Hex 33 (= Dec 51). These multiples are HEX 00, 33, 66, 99, CC, and FF or 6 intensities of each color. Thus we have 6 x 6 x 6 = 216 color codes in the table. You can use values other than those in the table and I did just that with the last two rows using the color code "#800000" along with a few variations and other color codes. So you can use any legal code you like. However, most browsers cannot distinguish all these millions of color shades. For example, there are many codes that are so close to red that the browser will simply round off to the red color code in the table. So if you give it a code whose shade the browser cannot distinguish, it will "round off" to the nearest color in the table or one that it can distinguish.

If you do not see any colors in the table given below, click here to see all the codes and their colors in a series of images.

You use these color codes to change the background color, the full page text color, blocks of text, links, active links and visited links. All of these except for changing blocks or portions of text, are done as BODY attributes. For example,

<BODY BGCOLOR="#FFFFFF" TEXT="#FF0000" LINK="#00FF00" ALINK="#0000FF" VLINK="#FF00FF">

gives a WHITE background, RED text, GREEN (lime) links, BLUE activated links, and MAGENTA visited links. See Lesson Nine if you need to review the meanings of these attributes. Note that the "0" in the codes is the number "0" and not the letter "O".

To change only a block of text, use the FONT tag with the COLOR attribute as in:

<FONT COLOR="#CC99FF">text text text</FONT>

where #CC99FF represents the color code. The closing FONT tag, (</FONT>), restores the previous text color.

| top | | bottom |

COLOR TABLE

000000

0000330000660000990000CC0000FF
      

330000

3300333300663300993300CC3300FF
      

003300

0033330033660033990033CC0033FF
      

333300

3333333333663333993333CC3333FF
      

006600

0066330066660066990066CC0066FF
      

336600

3366333366663366993366CC3366FF
      

009900

0099330099660099990099CC0099FF
      

339900

3399333399663399993399CC3399FF
      

00CC00

00CC3300CC6600CC9900CCCC00CCFF
      

33CC00

33CC3333CC6633CC9933CCCC33CCFF
      

00FF00

00FF3300FF6600FF9900FFCC00FFFF
      

33FF00

33FF3333FF6633FF9933FFCC33FFFF
      

660000

6600336600666600996600CC6600FF
      

990000

9900339900669900999900CC9900FF
      

663300

6633336633666633996633CC6633FF
      

993300

9933339933669933999933CC9933FF
      

666600

6666336666666666996666CC6666FF
      

996600

9966339966669966999966CC9966FF
      

669900

6699336699666699996699CC6699FF
      

999900

9999339999669999999999CC9999FF
      

66CC00

66CC3366CC6666CC9966CCCC66CCFF
      

99CC00

99CC3399CC6699CC9999CCCC99CCFF
      

66FF00

66FF3366FF6666FF9966FFCC66FFFF
      

99FF00

99FF3399FF6699FF9999FFCC99FFFF
      

CC0000

CC0033CC0066CC0099CC00CCCC00FF
      

FF0000

FF0033FF0066FF0099FF00CCFF00FF
      

CC3300

CC3333CC3366CC3399CC33CCCC33FF
      

FF3300

FF3333FF3366FF3399FF33CCFF33FF
      

CC6600

CC6633CC6666CC6699CC66CCCC66FF
      

FF6600

FF6633FF6666FF6699FF66CCFF66FF
      

CC9900

CC9933CC9966CC9999CC99CCCC99FF
      

FF9900

FF9933FF9966FF9999FF99CCFF99FF
      

CCCC00

CCCC33CCCC66CCCC99CCCCCCCCCCFF
      

FFCC00

FFCC33FFCC66FFCC99FFCCCCFFCCFF
      

CCFF00

CCFF33CCFF66CCFF99CCFFCCCCFFFF
      

FFFF00

FFFF33FFFF66FFFF99FFFFCCFFFFFF
      

800000

8000338000668000998000CC8000FF
      

800080

008000808000000080008080C0C0C0
      


| Back to the top of the page |

| Return to Home Page | | Return to Alternate Home Page | | Send me to Lesson Eleven |

The information contained in these free 21 lessons is Copyright ©, Brantford Educational Services, 1997 - 2009 by local and international copyright laws. All rights reserved. It is therefore illegal to copy these lessons into another website. If you find a copyright violation, please report it to htmltutorials@bfree.on.ca