Picking Colors For Your WebsitePicking Colors For Your Website

Whether you're building just one website, or a half dozen a month, one of the first things you have to do is decide on a color scheme. You may have no background in design, or you may be a color-blind web designer. (No, really, I know one!) Either way, it's not always the easiest task to decide on a color scheme for your website. While blue is always an option, let's face it, blue is one of the most over-used colors on the web. I have to admit, I've used it plenty of times. But even if you are going with a blue theme, what shade should you use? What complementary colors should you use? The answers are not always apparent.

First, let's discuss the meanings of some basic colors. Keep in mind that these meanings can vary slightly from country to country.

Red is the color most commonly found in the nations' flags. It can also signify passion, anger, war, power, danger or even love. Red tends to stand out when among other colors.

Green is the national color of Ireland. It's also the color of money. It can signify greed, envy, jealousy or nature. Green is considered a cool color.

Blue can signify sadness. As the color of the sky and ocean, it is also said to be a relaxing color. Along with green, blue is considered to be a cool color, unless it's a darker blue.

Purple is the color of royalty. It is said to help develop the imagination of children. Some sources say that almost 75% of pre-adolescent children prefer purple to any other color. It combines the positive aspects of blue and red, and can even convey romance.

Yellow can signify cowardice. It can also signify support of troops, sunshine or even food. It occasionally conveys jealousy and deceit.

Orange can signify joy, sunshine, enthusiasm, happiness and creativity. As a combination of red and yellow, it conveys many of the same feelings. While not standing out quite as much as red, it does not have much of the negative association that yellow has.

White can mean peace. It also means light, success, simplicity, purity, good luck and cleanliness.

Black conveys secrecy. It can also represent sophistication, evil, illegality or just plain darkness. Black is often considered the color of grief and even death.

So, by now you should have picked the main color or colors you're wanting to use on your site. It may be that just a couple of colors is fine, as in this site. On the other hand, you may need more colors than that, as evidenced on this site. So how do you pick all those colors without having a degree in graphic design?

First off, keep in mind that you shouldn't pick too many colors. Really, a scheme that uses five colors probably has too many. On the other hand, in your design, fading from one color to another (a gradient) in the header or elsewhere may be okay, and not count as many different colors. There's an example of gradients on this site.

There's a really neat tool out there for non-graphic designers known as a color wheel. There are a variety of these online. Some of them will actually generate a whole color scheme for you, others will just pick a couple of complementary colors. When using these, remember that you don't have to use every single color they suggest.

So now you have the entire color scheme for your website. So what should you do with it?

The main text of your website should generally be on some light color. If this is the case, generally black is a good choice for the text of the site, regardless of whether or not that was one of the colors in your scheme. In rare cases, a dark color is okay for the background. In those cases, white or some other very light color should be used for the text.

Any borders, header graphics and text headings should use the other colors from your scheme. With the text headings, it's a good idea to still use a color that contrasts well with whatever background it is on. If you have a light background, as will often be the case, use a dark color from your color scheme for the headings. And the reverse applies as well.

Make sure you also customize your links. Make sure they are a distictly different color from your normal text, while not blending too much into the background. If you decide to set a different color for links that have been followed and/or are being hovered over with the mouse cursor, there are some guidelines to follow. Generally, a lighter or darker shade of that same color you are already using will work well. If you want to use something different, picking a gray that stands out from the background often works well.

There you go! Now you have a nice color scheme and have applied it well to your website. Your website, with a good color scheme, will go far in conveying professionalism.

by Tim Priebe
References and Bibliography

Tim is the owner and senior web designer at T&S Web Design. His company has developed and maintained website for dozens of small businesses and organizations. Tim also maintains a blog with free website advice for small business owners, GetASiteOnline.com.

Rated:NR/0 Votes
Add To My Article Reading List
Add To My Article Reading List
Print Article
More Article By Tim Priebe
More Article by Tim Priebe
More Articles From Web Design
More Articles From Web Design
Related Articles and Readings
The Use of Color in Your Landscape By: Donna Evans
The Use Of Color. Color can capture and hold your attention almost more than anything else in your landscape. It also gives landscapes definition and interest and adds another dimension to the landscape. By knowing a few facts about how the human eye relates to color, you can make it ...
Color Facts and Color Effects By: Nell Frances
Color affects every facet of our lives. The way we react to colors is a combination of physiological, biological, psychological, social and cultural reasons. Color has the ability to soothe and also to stimulate us.Approximately seven million different colors can be perceived by the human eye, so deciding what you ...
Color Theory for Practical Use By: K Bidwell Ferreira
Color is appreciated by everyone. Don't most people have a favorite color? The colors we choose to surround ourselves with can reflect our various personalities and affect our moods. We make important choices when selecting colors for our living spaces and for personal adornment, such as what we wear. Color ...
Oil Painting Lessons Tips on Color Mixing and Theory By: Ralph Serpe
When I first began painting some 10 years ago, I recall how intimidating it all seemed. With all of the various colors, mediums, brushes and other tools available, it was enough to make my head spin.While learning about the various brushes and mediums was a bit confusing, the biggest challenge ...
Colors Their Connotations and Perceived Meanings By: Jeanette Joy Fisher
Throughout the ages, colors have been used to evoke certain emotions, and an examination of the history of color offers fascinating insights into the human condition, as well as showing how different cultures have developed different attitudes about color. Here are a few examples of what various colors have come ...
The information provided in this article and/or the comments is the sole responsibility of their respective authors and does not necessarily reflect the opinion of ezinepost.com. ezinepost.com  does not endorse any article and/or comments published by our web users unless otherwise noted. 

Member Panel

login to submit articles and more


  • » Active Categories: 419
  • » Active Articles:252609
  • » Active Authors:31915
  • » Active Members: 38222
  • » Statistics Updated:
    - Thu May 7th, 2020 12:50AM EST