Have I said yet this week that I'm not a designer? I like to get that in every now and then. The things I do in the area of
web design -- and I do a lot of those things -- are about usability, navigation, where things should go... The things that have to do with meaning and communication. I leave the graphic art issues to other people.
And yet, I often work with people who have to deal with colors in their websites without the aid of a designer.
Sometimes they're DIY website owners, or working with a stock template. This is never going to be the most effective plan, but plenty of people start out that way. Sometimes they have their website built, but have other things -- like their Twitter account or their blog -- which they control themselves. Sometimes they simply prefer to make their own design decisions, even though they have someone doing the tech stuff for them.
This post will discuss some very basic considerations about color and your web presence, in response to the kinds of questions people ask me about color. Usually I say things like, "I'm not the one to ask about color." When they persist, I can tell that they really need some basic assistance. So here it is.
The first thing to consider is how the color you're think of using will affect your visitors. Here's the current site for a new client of mine. We're going to be working on a lot of things, but the first question for the designer was, "Do you want to keep the colors?" The red looks bold and vigorous, yet down to earth, and red is what this site design is all about.

The effect would be completely different with pink, or seafoam blue, or with poison green. The new design will be more modern and more in keeping with the importance of this company in the industry, but with the same basic color, it will still have the same basic feeling.
Think about the kinds of colors people associate with your industry or your business, and consider going with those associations -- or intentionally breaking away from them.
When I had my own website designed, the first thing I said was, "Not black." I'm a tech person, an information worker, and a black background can give a hi-tech look. But one of the differences about my business is that people who aren't that comfortable with technology can be comfortable with me. So I wanted reassuring colors that would let visitors know that.
As it happens, I work for lots of tech guys, so the lack of a black background hasn't made them uncomfortable either. If you're not sure how people respond to the color you have in mind, you can
test your website design and find out.
The next thing to consider is reinforcing your brand.
We have a joke at my house: if I say I'm tempted to do something out of character, like smack somebody, my kids say, "You can't do that. It's not your brand." This may not be much of a joke, but the point is that you want your customers to recognize you, whether they're at your website or your blog or your MySpace page.
Using colors consistently is one of the easiest ways to maintain your brand wherever you go.
Check out Onsharp's new
web design portfolio -- it's a video, so you can see a number of color changes at that one site. Even though they're showing several different featured clients, each of which has a different set of colors, they've kept their own colors as a frame, maintaining a consistent look and feel. They're designers, so they can do stuff like that.
You can, too. At FileReplicationPro's Twitter page, I've changed the page to use their colors. This is extremely easy to do. You click on "settings" at your account, then "design," then "change colors."

I mentioned this yesterday, and someone emailed me to say that it wasn't that easy. How do you find the colors that match your website or logo? Sometimes you can just ask your designer, but not always, and sometimes you can look in your source code, but not always. You could just guess, but that isn't the best plan. Both the pages I'm showing you today use red, but they aren't the same red. How can you find the precise color match, out of all the possible colors?
I have a trick for this which I'll be happy to share. First, you need to know that online colors all have six digit numbers, called
hex codes, which look like this: #f8d160. You can see examples at the Twitter "change colors" page. When you know the codes of the colors you want, you can match those colors easily. Here's an easy way to find them:
- Go to Big Huge Labs Color Palette Generator.
- Upload your logo, or a screen shot of your web page.
- Push the "create" button.
- You will see the numbers of the colors in your logo or website. If you only have a few, the creator will suggest more that would look good with what you already have.
- Now you have the numbers. Write them down someplace.
You can now put those numbers into the appropriate spots at Twitter and have your own somewhat branded background. You can download swatches for Photoshop, too, or copy the sample CSS, but if you know what to do with that, you probably don't need this post.
The third thing to think about is that colors on a website aren't always just for decoration. Often the color of text says, "This is a link" or "This is a link you've already visited" or "This is a new section, and we think it's important."
The essential thing to remember here is that, if you use colored text just because you can, you should quit it immediately. Your visitors are trying to click on things that ought to be links but aren't, and they will come to hate you.
The final point I'd like to make is that all this has nothing to do with search. The search engines don't know what colors you're using. Some otherwise good sources of advice on search will tell you that this means the look of your site doesn't matter. You can ignore aesthetics, they'll say, because that's not what's going to get you those rankings you want.
I'm going to disagree. Because you don't want good search rankings just so you can tell your friends, right? You want your business to benefit. And for that, the reactions of the humans are always important.