A specialist in real estate web design including IDX, VOW, ILD, RETS and MLS property search with integrated dynamic maps and
   customer relationship (CRM) automation for multi-branch offices, top REALTORS®, brokers and agents.


  

  Call Us: 941-662-0644 | Email Us  
Real Estate Web Design
Website Lead Generation
Case Studies / Portfolio
Design Ideas
Get a "Quick Quote"
Contact Us
Request IDX Demo
VOW Demo
Real Estate Web Blog
IDX vs. VOW
What is IDX?
IDX Website Features
VOW vs. IDX
What is VOW?
VOW Website Features
ILD Websites
Site Map
Real Estate News
Email Encoder
Client Support
About MetalSoftware
Terms of Use
Your Privacy
Database Programming
Domain Registration
Business Web Hosting
System Administration
Business Web Design
Complete Services List

The Real Estate Web Blog

Web Design Guide - Part 1: Great Colors in 3 Simple Steps
July 16, 2007

Filed under: Web Design
— admin @ 2:54 pm

Need a color scheme for your site? Don’t fret. Let a photo be your inspiration.

You can generate great colors fast using digital photos.

If you’re on a life-or-death deadline… skip to “Bah! I’m too busy!

Still up for it? Great! Here’s how:

Step 1: Find some inspiration
You can use your own stock photo collection or visit some of these websites to find some reference photos to get your colors…
istockphoto.com
shutterstock.com
flickr.com

Find a photo that appeals to you or the “mood” you’re trying to create at your site. For example, if you’re in real estate, you might choose some dramatic photos of your area.

Step 2: Extract some color
The most simple way to do this is to use a program designed for it.

Free and paid programs for Mac or Windows can be found here: www.colorschemer.com
Or, if you’re already a Photoshop guru, you know the drill.

You’ll need to use the color picker portion of whichever program you’ve chosen to extract the color values from the photo.
For example, if you’re on Windows and using the free Color Schemer ColorPix, you’ll have all the different color value schemes you’ll need (RGB, HEX, HSB, CMYK).

It’s best to start with one main color then use it in Step 3 below making the variations for that color, then come back to Step 2 before moving on to a new color.

Starting with the main color, and for each subsequent color, make a note of each RGB and HEX value.

Step 3: Mix and match
If you have a paid version of Color Schemer above, you can create your color palette from within the program.

If you’re using a free version, you can use the RGB and HEX code color values you saved to create your color scheme at these free generator sites:
http://www.colorblender.com/
http://kuler.adobe.com/
http://wellstyled.com/

Bah! I’m too busy!…
If you’re out of ideas or don’t have the time to do any of this, you can always skip right to a finished color scheme by browsing some of the ones created at any of these sites:
http://www.colourlovers.com/
http://www.colorschemer.com/schemes/

Note from the legal department: It’s fine to use a photo for color scheme inspiration. However, you’ll get into trouble if you actually put a photo on your web site that you don’t have the rights to use. When in doubt, take your own or stick to royalty free images.

Sphere: Related Content

del.icio.us:Web Design Guide - Part 1: Great Colors in 3 Simple Steps digg:Web Design Guide - Part 1: Great Colors in 3 Simple Steps spurl:Web Design Guide - Part 1: Great Colors in 3 Simple Steps simpy:Web Design Guide - Part 1: Great Colors in 3 Simple Steps newsvine:Web Design Guide - Part 1: Great Colors in 3 Simple Steps blinklist:Web Design Guide - Part 1: Great Colors in 3 Simple Steps furl:Web Design Guide - Part 1: Great Colors in 3 Simple Steps reddit:Web Design Guide - Part 1: Great Colors in 3 Simple Steps blogmarks:Web Design Guide - Part 1: Great Colors in 3 Simple Steps Y!:Web Design Guide - Part 1: Great Colors in 3 Simple Steps magnolia:Web Design Guide - Part 1: Great Colors in 3 Simple Steps

Comments (1)

Tags:
, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Subscribe:
Register
Login
RSS
Comments RSS

Search Blog:
Topics:
Casual Fridays
IDX News
Marketing/SEO
Real Estate Mappping
Real Estate News
Real Estate Web 2.0
Real Estate Web Design
Technology
VOW News
Web Design


ActiveRain

» Contact Us » Print This Page



MetalSoftware, the MetalSoftware Logo, and related marks are trademarks of MetalSoftware, Inc. 13435 South McCall Rd. Suite 125, Port Charlotte, FL 33981, USA.
"Transforming Real Estate into Real Results" is a Servicemark of MetalSoftware, Inc.
Copyright 1998-2007 MetalSoftware, Inc. All rights reserved. All other trademarks are the property of their respective owners. Page generated: 07/11/2007 19:18:19
A specialist in real estate web design and Web database business tools including IDX real estate, VOW real estate and MLS database integrations. In the following US States: Alabama, Alaska, Arizona, Arkansas, California, Colorado, Connecticut, Delaware, Florida, Georgia, Hawaii, Idaho, Illinois, Indiana, Iowa, Kansas, Kentucky, Louisiana, Maine, Maryland, Massachusetts, Michigan, Minnesota, Mississippi, Missouri, Montana, Nebraska, Nevada, New Jersey, New Hampshire, New Mexico, New York, North Carolina, North Dakota, Ohio, Oklahoma, Oregon, Pennsylvania, Rhode Island, South Carolina, South Dakota, Tennessee, Texas, Utah, Vermont, Virginia, Washington, West Virginia, Wisconsin, Wyoming and Washington DC.