HTML COLOR CODES
|
#
|
HTML
Color Code
|
COLOR
|
|
1
|
<font color="#FFFFFF"> |
White |
|
2
|
<font color="#999999"> |
Grey |
|
3
|
<font color="#000000"> |
Black |
|
4
|
<font color="#FFCCCC"> |
Pink |
|
5
|
<font color="#FF0000"> |
Red |
|
6
|
<font color="#990000"> |
Dark Red |
|
7
|
<font color="#FF9900"> |
Orange |
|
8
|
<font color="#FFFFCC"> |
Light Yellow |
|
9
|
<font color="#FFCC00"> |
Dark Yellow |
| 10 |
<font color="#99FF99"> |
Light Green |
| 11 |
<font color="#009900"> |
Dark Green |
| 12 |
<font color="#663300"> |
Brown |
| 13 |
<font color="#33CCFF"> |
Light Blue |
| 14 |
<font color="#3333FF"> |
Medium Blue |
| 15 |
<font color="#000099"> |
Dark Blue |
| 16 |
<font color="#CC66CC"> |
Light Purple |
| 17 |
<font color="#993366"> |
Dark Purple |
|
About HTML Backgrounds
*IMPORTANT
TIP
Be sure to use high contrast
between your background color and your text color. |
| Good Contrast Example |
Bad Contrast Example |
| Good Contrast Example |
Bad
Contrast Example |
| Notice the example
on the left is easy to read and stands out Unlike the example on the right
is much harder to read. |
Changing Background Colors
Using a text editor to use
a particular color background. Change your <body> tag with the following
blue text. The current setting is a white background, Black Text, with
Blue Hyperlinks. Good color contrasts! |
| <body
text="#000000" bgcolor="#FFFFFF" link="#0000EE" vlink="#3333FF" alink="#FF0000">
</body> <--should remain
the same |
| Of course you can change
any of the colors you wish using the color chart to the left side of this
screen. |
Colored
Text in HTML
Using a
Image as Background |