Learn how to choose correct foreground and background colors for web pages and web sites.
choosing web page colors, colors for web sites, good colors for web sites
Choosing background and foreground colors for web pages and web sitesGo to Choosing background and foreground colors for web pages and web sitesWeb design tips and tricksGo to Web design tips and tricksTips and tricksGo to web development Tips and tricksHomepage

Choosing background and foreground colors for web pages and web sites

To wit, foreground and background colors should be contrasting.

A cool factor of your web site should not turn you away from this basic and obvious tip. Remember, it's easy for your visitors to press the back button on their browsers.

Use a contrasting color combination for the page background and the foreground text. Avoid bright colors (they give me a headache... it takes me about 3 seconds to understand this and press the back button) as backgrounds rather use subtle pastel shades. Also make it a point to test the colors of links, visited links and active links.

A good color combinationA useful color combination

A bad color combinationA color combination to avoid

Try to test the clarity of your foreground text. View your page from a distance of 3 feet. If the text is readable use the color combination. Furthermore, test your color combinations in monitors using lower color depths to make assurance doubly sure.



AddThis Social Bookmark Button


Page contents: Choosing the correct foreground and background web page and web site colors will not only make the contents prominent but will also help you retain your visitors for a longer time.

Page URL: http://www.webdevelopersnotes.com/tips/webdesign/ choosing_background_and_foreground_colors.php3



Join Mailing List


Feedback/Questions




50+ web hosting FAQs

Search engine for your website

Free software from Google - The Google Pack Collection

Create your own search engine
Search WebDevelopersNotes.com