Top 5 Ways to Attain Perfect Color Coordination

Whether it’s deciding on the colors of my room, web page, or posters, I find that coming up with a color scheme can be quite a challenge. For all you design-challenged-individuals (like me!), here are 5 free tools which will help you make the right decisions when it comes to colors.

1. Derive a color scheme based on any image

color2

Designing a poster and want to make sure your background matches your pictures well? You can upload your the image to Color Palette Generator and come up with a set of colors that matches it perfectly. Alternatively, if the image you have is already on the web, you can point to it using another similar tool, or use Colr.org for Flickr images.

2. Search for color schemes based on text searches

color

Want a color scheme based on a concept and need a starting point? Just type in your idea and let yahoo pick a color scheme for you.

3. Discover and discuss color schemes with other people

kuler

Kuler is an online community for designers set up by Adobe which focuses on one thing - colors! Here you’ll find a lot of interesting color schemes that stand out from typical palettes. With the community aspect in place, you’ll be able to discuss, comment on and rate themes as well.

4. Come up with safe colors for your web page

4096

Not every color scheme you come up with may be fully supported by all systems and browsers. 4096 Color Wheel lets you pick the color you need, then comes up with ‘web-safe’ HTML so you can implement it properly. Also, if you want to make sure the text on your web page stands out or goes well with the background without compromising readability, use the Accessibility Color Wheel to help you find the perfect blend.

5. Test web page contrast by converting it to grayscale

graybit

Relying on colors to determine page visibility and contrast can be misleading. Converting the colors to their grayscale equivalents is a more reliable method. By removing color’s influence, you’ll better find true visual contrast. To do this, you can convert any web page into grayscale using Graybit.

What other design tools do you like? Tell us in the comments!

If you liked this article, subscribe for free via email , or grab our feed.

3 People Left Comments

How to Instantly Improve Images Online

How to Save Your Eyes from Your Screen (Part 2)

3 Responses to 'Top 5 Ways to Attain Perfect Color Coordination'

TrackBack to 'Top 5 Ways to Attain Perfect Color Coordination'.

Apple said,

on April 12th, 2008 at 11:09 am

Thanks for sharing these wonderful sites. Sometimes I just run out of ideas when choosing good color scheme.
TechnoLaziness said,

on April 14th, 2008 at 1:55 am

Very nice article James. I use colorzilla as an alternative to 1.
https://addons.mozilla.org/en-US/firefox/addon/271
No. 2 is really cool. Though I didn’t seem to get the purpose of No. 5
James Yeang said,

on April 17th, 2008 at 9:52 pm

Thanks Apple
TechnoLaziness: It’s just about addressing ease of readability that’s all :)

Friedbeef’s Tech