Alister Cameron // Blogologist

Changing the world. One blog(ger) at a time.

Kuler is cooler for colour schemes

Seems all the big tech companies have to have a “lab” these days. All their products come out with the obligatory “beta” label in small letters beside the product name (yawn) but if you go to the lab you get the really bleeding edge “alpha” stuff… the stuff they used to call beta. Beta being the stuff they used to call “version 1.0”. Stay with me… this is very very important stuff!

Anyway, over at Adobe Labs they cooked up something really funky last year called Kuler. It looks like this:


Wow, no beta label. How… radical.

Kuler is a Flash browser-based colour scheming tool, which has a social dimension to it, in that it stores and compares schemes that you and others have pulled together.

What I really like about it… the thing that I think differentiates it from other (vaguely) similar tools out there, is the interactivity. There’s a page for editing and playing around with a given scheme, or starting your own. And you get a colour circle thingy to play with. And when you grab a handle kind of thingy and move it around all the colours in the palette update in sync, and it looks pretty impressive. Don’t you love the quality of my description here… riveting stuff!

Needless to say, don’t even try and work out what I’m saying. You need to play with this baby to appreciate it properly.

Now as a designer from way back, I get excited about this sort of thing and my creative juices just go wild. Just like when I’m drooling over good typefaces or good photography. If you’re that way wired too, you’ll love Kuler… to date there are almost 6,000 saved colour schemes!

A Little Trick From An Old Graphics Guy

While we’re talking about Kuler, some of you are scratching your heads wondering when you yourself are going to need a tool like that… since you’re not a designer and you’re happy with the blog theme you’ve got.

Well, for you… think wider. Are you trying to work out a colour scheme for a bedroom you’re planning to remodel perhaps? Or you’re into scrapbooking and want to get out of a “colour rut” perhaps? Here’s a tip I use…

When I have a client website/blog/whatever to design I often start with the photography. Photos mean so much and I often get the client to sign off on the images first (forgetting logos for a moment). Often it might just be one “hero” image that I start off with.

For purposes of example, here’s the Aussie outback (gorgeous!):

Aussie outback

So what then?

Here’s my trick: in Photoshop (or similar program), I apply a very heavy blur to the photo. A really really blurry blur. Which has the effect of washing the photo out completely and leaving me with smudgy areas:

A very very blurry blur

Now, depending on the photo, I can usually get those colour areas to amount to an “averaging out” of the different prominent colours of the photo. And I can now use these colours (or very close relatives) as the basis of a colour scheme, knowing that they are well represented in the photo (which will almost certainly look really good).

If I need to I can go another step, and ask Photoshop to show me what this blurred image would look like optimized as an 8-colour-palette GIF image. Not because I want to save it as that, but because I want to see solid colours:

The basis of a colour palette

What I would do at this stage is go to Kuler, stick in a few of the colours you’ve pulled together from the above exercise, and let Kuler help you find some additional “contrast” colours, and so forth.

Meanwhile as I was writing this post, I went to Kuler with these colours and within moments found someone else’s scheme called “Riboflavin” that looks like this:

Riboflavin at Kuler

How close was our photo to this scheme?! It just shows that “nature shots” often have naturally occurring colour schemes in them… neat!

So there you have it. Using a photo to get you to a closely derived colour palette.

Hope that’s useful to you. Now go play 🙂


Note: Commenter website links are not no-followed, in case
you were wondering... I believe in rewarding commenters!

  1. Posted 12 years, 5 months ago // Permalink

    That is a cool way to grab a color palette! I will definitely go play – and add Kuler to my list of tools.

  2. Posted 12 years, 5 months ago // Permalink

    wow, that is a cool technique. I may have to try that when my designer stops talking to me…

  3. Posted 12 years, 4 months ago // Permalink

    This is a great tool. Thank you for sharing. This will be a very good starting point when I find the time to revise my blog template.

  4. Posted 12 years, 4 months ago // Permalink

    WOW! That’s all I can say! That has to be the most imaginative and creative way I’ve ever come across for planning a colour scheme. Nice one Alister!

  5. Posted 12 years, 4 months ago // Permalink

    Very cool… thank 🙂

  6. Posted 12 years, 4 months ago // Permalink

    Excellent tool to put together a lovely color palette! My vote for this tool!

  7. Posted 9 years, 7 months ago // Permalink

    I have used the online kuler tool to pick complementary colors before. But I hadn’t thought to do the 8 bit color trick before to get colors from a photo. I had just randomly picked specific colors out using the eyedropper tool. I will remember that. It will be useful to get a composite average of color.

5 Trackbacks/Pingbacks

  1. Kuler Thanks to Blogologist Alister Cameron

  2. Kuler is cooler for colour schemes

  3. […] about to pick out the web’s best sites. It is the cause we did this location. Original post: Kuler is cooler for colour schemes by at Alister Cameron // […]

  4. […] extraordinaire (and in terms of full disclosure, our Blog Consultant) recently put together a great review of the Kuler tool. He even demo’s the product (which, by the way, is free – for now) by showing exactly how to […]

  5. […] Quickly create harmonious color themes online. Adobe Kuler – , About Kuler […]

Post a Comment

Your email is never published nor shared. Required fields are marked *

  • My Posts in Your In-box!

    Enter your email address here for instant updates in your inbox, whenever I post something new.
    Your email address is in safe hands. Relax!
© Copyright 2007 Alister Cameron. All Rights Reserved Theme // Sitemap // RSS