Wednesday, April 5th, 2006

An Ajax Powered Color Tool

Category: UI, Utility

Unfortunately, not all web developers are gifted with a sense of design and color. They code up their pages to work and plan on then worrying about “the fluff” around it when they’re done. Thankfully, there are several resources out there to help just such people, including this handy tool from

When you load up the page, you’ll see a bar on the left-hand side with a “Show” link at the top. Click that (you’d get the same effect by hitting the “Pull out the color tool” link) and you’ll be greated by a simple, clean interface to help you pick coordinating colors surrounding your selection. By clicking on one of the colors in the top row of blocks, you’ll see how the areas below populate with the matching colors. The larger color blocks can them be dragged over to the boxes on the far right of the page to create a color scheme for your site.

So it’s just another color picker, right? Well, there’s a bit more to it than that. When you’ve selected the colors in the right-hand boxes, you can save them with a scheme name and description and they’ll be added to the “Ten Most Recent Schemes” list. They use an Ajax connection to talk back and forthe between the server on this, so the save is seamless. Click on the “View” link next to a scheme and the page will update with those colors.

The site is still in development, so I know there’s more features to come. One feature I’d like to see is a few more layouts and color options. I do like that you can “fine tune” the pre-created schemes, making slight changes to the colors until you’re happy with them.

Posted by Chris Cornutt at 2:10 pm

3.8 rating from 71 votes


Comments feed TrackBack URI

This is a very neat and useful tool. Web 2.0 is a lot about fresh and colorful design, and this would help.

Comment by Geek 2.0 — April 5, 2006

Wow, I’m glad you like it! I worked hard on it. I like the idea of adding more layouts. That’s brilliant. I’ll work that in, as I have time. :)

Comment by Bjorn — April 5, 2006

Also, thanks for your positive review.

Comment by Bjorn — April 5, 2006

[…] […]

Pingback by » Blog Archive » An Ajax Powered Color Tool — April 5, 2006

Really handy tool. Immediately added it to my Ma.gnolia bookmarks!

Comment by Christian — April 6, 2006

Yeh it’s good stuff, very nice interface.

Saw it on Digg a couple of days ago.

Comment by ShaolinTiger — April 6, 2006

Interesting Finds

Trackback by Jason Haley — April 6, 2006

Nice tool.

Comment by Michael Gaffney — April 6, 2006

[…] I have received a lot of great feedback for my Color Tool. It was featured both on Lifehacker and Ajaxian, after having reached digg’s front page and’s popular links. I’ve been happily surpised. My host,, (even though I secretly think they’re a reseller) has been fantastic, and the server has not even blinked, but unfortunately they tell me that the account will be suspended when the bandwidth limit is reached (which will be very soon!). So I’m moving it. I have a new domain for it, it’s still pending. The only thing now is, will my bandwidth expire and account be suspended before I can either upgrade this account or can I get everything redirected in time after my new domain comes out of pending. […]

Pingback by Share Wonders » Blog Archive » Bandwidth Woes — April 6, 2006

it doesn’t work with firefox!!!!!

Comment by dude — April 6, 2006

ah nevermind, just adblock.

Comment by dude — April 6, 2006

it’s nice tool ! should be useful

Comment by kuei — April 6, 2006

[…] Color Tool, una herramienta para elegir y mezclar colores desarrollada con Ajax realmente increible. [Vía] […]

Pingback by En vacaciones…links (pildoras enlazadas para consumir en monodosis) » La brujula verde — April 11, 2006

Leave a comment

You must be logged in to post a comment.