How to Color Your Website

Posted on Oct 25 2007 | By Kathleen · Comments (9)

Time 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.

Color Your Real Estate WebsiteWhere 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.

Share This Information!
  • Digg
  • del.icio.us
  • Technorati
  • StumbleUpon
  • Facebook
  • Google Bookmarks
  • YahooMyWeb
  • NewsVine
  • Netvouz
  • DZone
  • ThisNext
  • MisterWong
  • Wists
  • LinkedIn
  • TwitThis

Tags :

9 Comments

1

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.

2

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

3

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.

4

Mary,

Thanks for stopping by, and for the encouragement!

Kathleen

5

Great post, keep up the good work.

6

I must have missed an e-mail notifying me of your post! Thanks for stopping by Atlanta!

7

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.

8

Karen,

Glad you’ll find the info useful. The online tools really do make playing with colors a lot easier!

Kathleen

Leave a Comment

Archives

Copyright © 2006-2009 Getting It Write, Inc.
All Rights Reserved. See Terms of Use
TopOfBlogs