Share via

Choosing Colors for your Web Site

  • Article

Whether you're creating your first Web site or you're a seasoned Web designer/developer, choosing colors is always problematic. You want to make sure that the color gives the right impression. As Katherine Nolan points out in her article Color it effective: How color influences the user on Office Online, no color is either positive or negative. All colors have both positive and negative connotations. In her article, Nolan has a table that lists popular colors and their common positive and negative connotations in Western culture.

However, beyond the psychological meanings of colors within different cultures, choosing colors that complement and coordinate well with other images on your site and perhaps even your company logo can be difficult. Add to that the fact that while there may be millions of colors on the color spectrum, only a limited number of these display well in Web browsers. Colors that do are called Web-safe colors.

To help you choose colors, you can find a multitude of color pickers online, many of which help you choose colors that are Web safe. Some color pickers are better than others, so today's post features several of the best color pickers I've found online.

The first color picker is one that came to me through SitePoint. I receive several e-zines, one of which is from SitePoint. In a recent SitePoint Design e-zine, they featured a color picker that blew away all the color pickers that I had seen previously. It's called Color Schemes Generator 2 and was designed by Petr Stanicek. What I like about this color picker is that it defines, based on selections that you make, coordinating and contrasting colors, and then allows you to reduce the colors to Web safe colors. All you do is choose your main color from the color wheel on the left, and then select the variation that you want to use. The up arrow in the right upper corner next to the list of HEX color codes allows you to move the base color around so that you can see what it looks like as a background color and as a foreground color. You can even see what the colors look like to people who have vision problems.

The PageTutor Color Picker II, the second color picker featured here, has long been one of my favorites. You can easily choose the background, text, and link text colors, and the page displayed on the right side of the page changes so that you can see what the page will look like if you use the chosen colors. The page even provides the HTML code and the HEX color values that you need to add to your pages.

Another very good color picker is VisiBone's 216-color Webmasters Color Palette. I like that I can add colors by clicking on the color in the color "wheel" and remove colors by clicking on the X in the bar to the right of the color wheel. All colors are listed with their RGB and CMYK color values as well as their HEX color value.

Here are a few more color pickers that are available on the Internet.
Dougie's Color Picker
DigitDesigns WebSite Color Picker
Colors4webmasters.com Color Picker
Dynamic Web Coding Color Picker
Web Colors 4096 Color Picker
John December's Hex Hub

These are only a few of what you can find on the Internet, but using them sure makes choosing colors more fun.

Comments