Breadcrumb Navigation:

Home > Faculty & Staff > Technology > Technology Applications Center > Online Tutorials > Web 101 > Design and Plan a Website > Color

Color

Color is probably the most often misused and misunderstood design element in web page creation. Because color is important in how images and textual information are perceived, it is helpful to adhere to certain guidelines.

  • Limit the Colors - Limit the number of colors and shades of colors that you use on a page. This allows a user to better perceive words and shapes without being overwhelmed by superfluous colors.
  • Contrast - Make sure that there is adequate contrast between the background color and your text color. Dark blue text on a green background, for example, would be difficult to read, especially if a user had to print the page on a black and white printer.
  • Choose Your Colors - Certain colors catch a person's attention. Bright colors, especially red, hot pink and orange, work well for drawing the audience's attention to certain areas. Cooler, more neutral colors serve well for backgrounds and peripheral areas.
  • Don't Forget Accessibility - Choose accessible colors. Remember that people who are color blind will not see red text on a green background.
  • Preview Your Page - Remember that the same color may display differently on different monitors. It is always a good idea to preview your site on multiple computers to check that the page displays well.