Color
If you wish to add color, make sure it does not distract from the overall look and feel of the page.
The text and link colors should be easy to read against the background color - don't ask your viewers to strain or squint their eyes to read your page!
To ensure that your colors will appear as you want them on as many systems as possible, use "browser-safe" colors.
When adding colors in HTML, we generally use a code. Browsers can read some colors when written in "English" - white, black, blue, red, green. But browser-safe colors are represented in hexadecimal code and are less confusing to the browser.
Each color is identified by its RGB (red-green-blue) value -- three numbers ranging from 0 to 255 -- representing the intensity of RED-GREEN-BLUE in that color.
Each number is converted from base 10 to hexadecimal (base 16). Why? Computers more easily understand hexadecimal. (Base 16 = 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F)
RED first two numbers/letters
GREEN middle two numbers/letters
BLUE last two numbers/letters
FF = full saturation
00 = nothing
Maximum values of all three produce the color white and minimal values produce black.
The colors you can use by name (along with their hexadecimal code) are:
|
White
#FFFFFF
|
Black
#000000
|
Red
#FF0000
|
Green
#00FF00
|
|
Blue
#0000FF
|
Navy
#000080
|
Teal
#008080
|
Aqua
#00CCFF
|
|
Purple
#800080
|
Maroon
#800000
|
Fuchsia
#FF00FF
|
Olive
#808000
|
|
Gray
#808080
|
Yellow
#FFFF00
|
Silver
#CCCCCC
|
Lime
#00FF00
|
Options:
Body Background <body bgcolor="…">…</body>
The body background default color is white.
Ex: <body bgcolor="#0000FF"> displays a blue background.
Body Text <body text="…">…</body>
The body text default color is black.
Ex: <body text="##800080"> displays purple text.
Body Background and Text (body bgcolor="…" text="…">…</body>
<body bgcolor="#FFFFFF" text="#FF0000">
translation: the background color is white with red text
Font Color <font color="…">…</font>
Ex: <font color="#800000">text is maroon</font>
translation: text is maroon
Ex: <i><font color="#808000">text is teal and italicized</font></i>
translation: text is teal and italicized
Ex: <font color="#00FF00" size="+1">text is green and a larger size.</font>
translation: text is green and a larger size
Return to the Top
|
