How to use colors in web design?

  • The human eye is attracted to color before black and white.
  • Build the interface using black, white, and gray first, then add color only if you have a good reason to do so.
  • Use either white, off-white, light gray, pale blue, or pale yellow for an application’s background, and use black for the text.
  • Always use dark text on a light background because it is the easiest to read.
  • Never use a dark color for the background or a light color for the text.
  • Limit the number of colors (other than white, black, and gray) to three.
  • Never use color as the only means of identification for an interface element.