Colors

WEAVING TALES, WEAVING WEBSITES:
Websites 101

Colors

Check which text and background color combination might serve the purposes of your content best. When deciding to use color in your text, beware of combinations which can "strain" the eyes (such as yellow and red) and beware of an "overuse" of color. A little color may enhance your site greatly; too much might do vice versa and even shock. Experiment with color combinations and test which is best for your site.

Below are examples of 16 different font colors used on 7 different background colors:

Background Color
White	Silver	Gray	Black	Yellow	Red	Blue
white text	white text on silver	white text on gray	white text on black	white text on yellow	white text on red	white text on blue
silver text on white	silver text on silver	silver text on gray	silver text on black	silver text on yellow	silver text on red	silver text on blue
gray text on white	gray text on silver	gray text on gray	gray text on black	gray text on yellow	gray text on red	gray text on blue
black text on white	black text on silver	black text on gray	black texton black	black text on yellow	black text on red	black text on blue
yellow text on white	yellow text on silver	yellow text on gray	yellow text on black	yellow text on yellow	yellow text on red	yellow text on blue
red text on white	red text on silver	red text on gray	red text on black	red text on yellow	red text on red	red text on blue
blue text on white	blue text on silver	blue text on gray	blue text on black	blue text on yellow	blue text on red	blue text on blue
green text on white	green text on silver	green text on gray	green text on black	green text on yellow	green text on red	green text on blue
maroon text on white	maroon text on silver	maroon text on gray	maroon text on black	maroon text on yellow	maroon text on red	maroon text on blue
olive text on white	olive text on silver	olive text on gray	olive text on black	olive text on yellow	olive text on red	olive text on blue
navy text on white	navy text on silver	navy text on gray	navy text on black	navy text on yellow	navy text on red	navy text on blue
purple text on white	purple text on silver	purple text on gray	purple text on black	purple text on yellow	purple text on red	purple text on blue
lime text on white	lime text on silver	lime text on gray	lime text on black	lime text on yellow	lime text on red	lime text on blue
aqua text on white	aqua text on silver	aqua text on gray	aqua text on black	aqua text on yellow	aqua text on red	aqua text on blue
teal text on white	teal text on siler	teal text on gray	teal text on black	teal text on yellow	teal text on red	teal text on blue
fuchsia text on white	fuchsia text on silver	fuchsia text on gray	fuchsia text on black	fuchsia text on yellow	fuchsia text on red	fuchsia text on blue

Font colors can be changed by highlighting the text and selecting the desired color from the Font Color button, usually located at the right end of the Formatting Toolbar.

Background colors can be changed by right-clicking in an open area of your page, and selecting Page Properties... from the Shortcut Menu. Click on the Background tab, then select the desired color from the Background drop-down box in the Colors section. Click OK to close the window(s) and return to your page.

fonts

back to workshop menu

background images