  |  | |
About Web Color:
HTML color codes are hex codes made up of 3 pairs of digits representing red, green, and blue (in that order). The range of codes is from 00 to FF. The absence of color is 00 and full color is FF. The first pair specifies the amount of red, the second pair the amount of green, etc. to make up the color. This is like mixing light, not like mixing paint, so black is #000000 and white is #FFFFFF.
Even if you don't know the hex numbering system, you can easily play around with making your own colors, stealing portions of codes from other colors. To insure the colors look good with every browser, stick to 00, 33, 66, 99, CC, and FF for your codes. Therefore:- #FF0000is red
- #00FF00is green
- #0000FFis blue
- #FFFF00is yellow (red and green)
Any code used the same for each color is a shade of grey- #CCCCCC
- #999999
- #666666
- #333333
Using Color Codes:
Color codes go into appropriate tags. When you are making the background of a page, table, row, or cell a particular color, use "bgcolor="
Example:
<body bgcolor="#FFFFFF">
When you are making an item (like a font) a different color, use "color="
Example:
<font color="#FFFFFF">
Body Colors:
Within the "body" tag, you can specify colors for page background (bgcolor), text (text), links (link), active link while it's being clicked (alink), and visited link (vlink)
Example:
<body bgcolor="#FFFFFF" text="#000000" link="#006600" vlink="#000066" alink="#666666">
Tables:
You can specify background color for any portion of a table, including the entire table in the <table> tag, a row in the <tr> tag, or a cell in the <td> tag. If a cell is empty, the background color will not show, so you may need to include a small transparent gif as a spacer, or use a non-breaking space which is represented in HTML as:
Miscellaneous:
You can change the color of a horizontal rule:
<hr color="#CC0000">
Note: this does not work in all browsers, so be prepared for it to show up as black.
WebTricks Main Page
You can reach Pete at:
pguithe@ilstu.edu | | | | WEB-SAFE COLORS | To be on the safe side, always use web-safe colors when designing your pages. These are colors which will work on almost all computers and all browsers. The hex code for color is made up of Red/Green/Blue and represented by two digits. Simply make sure that you use FF,CC,99,66,33,00 for your codes and the colors will be web-safe.
Here is the entire range of web-safe colors with their codes.
| | HTML Code | Color | | #FFFFFF | | | #FFFFCC | | | #FFFF99 | | | #FFFF66 | | | #FFFF33 | | | #FFFF00 | | | #FFCCFF | | | #FFCCCC | | | #FFCC99 | | | #FFCC66 | | | #FFCC33 | | | #FFCC00 | | | #FF99FF | | | #FF99CC | | | #FF9999 | | | #FF9966 | | | #FF9933 | | | #FF9900 | | | #FF66FF | | | #FF66CC | | | #FF6699 | | | #FF6666 | | | #FF6633 | | | #FF6600 | | | #FF33FF | | | #FF33CC | | | #FF3399 | | | #FF3366 | | | #FF3333 | | | #FF3300 | | | #FF00FF | | | #FF00CC | | | #FF0099 | | | #FF0066 | | | #FF0033 | | | #FF0000 | |
| | HTML Code | Color | | #66FFFF | | | #66FFCC | | | #66FF99 | | | #66FF66 | | | #66FF33 | | | #66FF00 | | | #66CCFF | | | #66CCCC | | | #66CC99 | | | #66CC66 | | | #66CC33 | | | #66CC00 | | | #6699FF | | | #6699CC | | | #669999 | | | #669966 | | | #669933 | | | #669900 | | | #6666FF | | | #6666CC | | | #666699 | | | #666666 | | | #666633 | | | #666600 | | | #6633FF | | | #6633CC | | | #663399 | | | #663366 | | | #663333 | | | #663300 | | | #6600FF | | | #6600CC | | | #660099 | | | #660066 | | | #660033 | | | #660000 | |
| | | HTML Code | Color | | #CCFFFF | | | #CCFFCC | | | #CCFF99 | | | #CCFF66 | | | #CCFF33 | | | #CCFF00 | | | #CCCCFF | | | #CCCCCC | | | #CCCC99 | | | #CCCC66 | | | #CCCC33 | | | #CCCC00 | | | #CC99FF | | | #CC99CC | | | #CC9999 | | | #CC9966 | | | #CC9933 | | | #CC9900 | | | #CC66FF | | | #CC66CC | | | #CC6699 | | | #CC6666 | | | #CC6633 | | | #CC6600 | | | #CC33FF | | | #CC33CC | | | #CC3399 | | | #CC3366 | | | #CC3333 | | | #CC3300 | | | #CC00FF | | | #CC00CC | | | #CC0099 | | | #CC0066 | | | #CC0033 | | | #CC0000 | |
| | HTML Code | Color | | #33FFFF | | | #33FFCC | | | #33FF99 | | | #33FF66 | | | #33FF33 | | | #33FF00 | | | #33CCFF | | | #33CCCC | | | #33CC99 | | | #33CC66 | | | #33CC33 | | | #33CC00 | | | #3399FF | | | #3399CC | | | #339999 | | | #339966 | | | #339933 | | | #339900 | | | #3366FF | | | #3366CC | | | #336699 | | | #336666 | | | #336633 | | | #336600 | | | #3333FF | | | #3333CC | | | #333399 | | | #333366 | | | #333333 | | | #333300 | | | #3300FF | | | #3300CC | | | #330099 | | | #330066 | | | #330033 | | | #330000 | |
| | | HTML Code | Color | | #99FFFF | | | #99FFCC | | | #99FF99 | | | #99FF66 | | | #99FF33 | | | #99FF00 | | | #99CCFF | | | #99CCCC | | | #99CC99 | | | #99CC66 | | | #99CC33 | | | #99CC00 | | | #9999FF | | | #9999CC | | | #999999 | | | #999966 | | | #999933 | | | #999900 | | | #9966FF | | | #9966CC | | | #996699 | | | #996666 | | | #996633 | | | #996600 | | | #9933FF | | | #9933CC | | | #993399 | | | #993366 | | | #993333 | | | #993300 | | | #9900FF | | | #9900CC | | | #990099 | | | #990066 | | | #990033 | | | #990000 | |
| | HTML Code | Color | | #00FFFF | | | #00FFCC | | | #00FF99 | | | #00FF66 | | | #00FF33 | | | #00FF00 | | | #00CCFF | | | #00CCCC | | | #00CC99 | | | #00CC66 | | | #00CC33 | | | #00CC00 | | | #0099FF | | | #0099CC | | | #009999 | | | #009966 | | | #009933 | | | #009900 | | | #0066FF | | | #0066CC | | | #006699 | | | #006666 | | | #006633 | | | #006600 | | | #0033FF | | | #0033CC | | | #003399 | | | #003366 | | | #003333 | | | #003300 | | | #0000FF | | | #0000CC | | | #000099 | | | #000066 | | | #000033 | | | #000000 | |
|
|
| |