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:
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).
- 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.
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: