How to Color Your Website
· CommentsTime for a Facelift?
If you’re thinking of creating a new real estate website, or if you’re planning a facelift for your existing site, one of the first decisions you have to make is about color.
The colors you choose for your website will have a big impact on the feeling your visitors get when they arrive, so you should put some thought into choosing colors that will produce a good reaction.
Where to Start
If you’re curious about where to start in choosing colors, you might find this information about the meaning of colors interesting. I’m not sure I agree with everything said in that article. For example, it says that dark purple is gloomy, but it also represents royalty and richness to me.
The article also says that you shouldn’t use yellow to sell to men. One of our clients who sells San Antonio real estate wanted a festival look to their site. The logo we designed highlights the San Antonio riverwalk. The photos used in the header, taken by a local professional, are very colorful and emphasize the character of San Antonio. The yellow background on the site isn’t causing any issues with their male clients.
So, I don’t think color meanings are always black and white. . . excuse the pun.
Useful Internet Color Tools
Once you have an idea of the colors you want to use, you next have to select specific color combinations. There are a number of tools on the Internet that can help you do that.
Assuming that you don’t want to become an expert in interpreting color modes, one of the easiest sites to use is the ColorCombo site.
On the right side of the home page, you’ll see a list of color tags. Click on the color of your choice, then scroll down the page to see a variety of color combinations using that color tag as the starting point. Click on a combination you like, and you’ll see larger color samples – the HEX equivalents for the colors (which is the color identifier used on the Internet) are shown for each combination.
Another site with some great combinations is the Adobe site. I think this one is a little less user-friendly, but here are the things to look for. The color combinations are shown at the top of the screen, under the color samples you’ll find a number of controls:
- At the left, there’s a search box. You can search for a particular color, and combinations that use that color will be displayed.
- Under the search box, you can select Create if you want to try your hand at creating a new color scheme, or view Popular, Highest Rated or Newest color combinations.
- The list of color combinations has very small arrows at the bottom of the list. You can use those controls to scroll forward or backward through the color schemes, or switch to a 3-column view.
- Click on one of the color schemes, and the colors will appear in the larger version at the top of the screen.
- There is no identifer for the exact colors, but you can give your web designer a screen shot or the name of the color combinations you like, and they can figure out how to reproduce the colors.
Keep in mind that just because a color scheme has five colors in it, you rarely will be able to use all of them at once. You’ll need to choose which ones you want as the dominant colors, then the others might be used as accent colors.
While there are a lot of other things you need to do to make your website work hard for you, starting with a welcoming design and color scheme is certainly the first step.






9 Comments
October 25th, 2007 at 8:32 am
Good guidance for persons wanting to spruce up their sites. One additional comment: Make sure it appeals to whomever your target market for your site is. If you choose a “pokemon” inspired layout/coloring – you better be trying to attract that person to your site.
Getting opinions from others is also helpful. Just because you think it looks good, doesn’t mean that everyone else has similar tastes. Do 2 or 3 different ones, and ask friends/family (even strangers) which ones that they like the best.
October 25th, 2007 at 10:34 am
Jennifer,
Good points! I agree that not too many people who would be attracted to pokemon would also be buying or selling a home.
Thanks for stopping by,
Kathleen
October 26th, 2007 at 1:38 pm
Nice read, its just basic marketing, you would want to design your site towards your target market, whether it be a pokemon fan club or people looking to buy a home. Great post, keep up the good work.
October 26th, 2007 at 2:56 pm
Mary,
Thanks for stopping by, and for the encouragement!
Kathleen
November 1st, 2007 at 12:52 pm
Great post, keep up the good work.
November 18th, 2007 at 3:40 pm
I must have missed an e-mail notifying me of your post! Thanks for stopping by Atlanta!
January 8th, 2008 at 11:28 am
Kathleen – Thanks for the tips and link to the Color Combo website. I’m going to be changing the background color on my website soon, and this will definitely come in handy.
January 8th, 2008 at 11:47 am
Karen,
Glad you’ll find the info useful. The online tools really do make playing with colors a lot easier!
Kathleen
September 3rd, 2008 at 6:43 am
[...] How to Color Your Website [...]