How do I define the colors of my site?
You can define the background color, the text color and the links color in the BODY tag, using these attributes:
- bgcolor : defines the color of
the background. If you use a picture as background in your site make sure that the bgcolor attribute is defined as the color closest to the background image.
- text : defines the color of the text in the entire page, It is better to pick up a color that looks good on the background (not flaring) and makes your site readable.
- link : defines the link color. It is better not to choose the same color of the text as the link color, because this way your links won't be distinctive. Choose a color that looks good on the background and that "jumps" to vision.
- alink : defines the color of
the link in the moment you press on it. It is usually good to choose
the color of the background or a shining color for this one. You can
leave it off too and not use this attribute.
- vlink : defines the color of
the link after it has been pressed on ("visited"). It is better to choose a different color than the link color. A lighter or darker shade will be best.
Another way to change the color of the text or links is by the
color attribute of the
font tag. Use it if you want to
emphasize a certain part or word in your page (for example, a header).
Why are colors important?
Colors make the difference between readble and non-readable, between pleasing to the eye and revolting, between people coming back to your site and not.
What blend of colors will make my site unreadble?
- Dark text color on a dark background. For example: dark blue text on a black background. This is how it looks like:
- Light color on a light background. For exmple: pink text on a white background. This is how it looks like:
- Any other combination that make the text color looks flaring on the background. For exmple: blue text on red background. This is how it looks like:
Where can I get a list of colors with their HTML value?
From these addresses: