Four cool colour tools | Boagworld - Web & Digital Advice

Web & Digital Advice

Digital and web advice from Headscape and the addled brain of Paul Boag... tell me more

Paul Boag Posted by: Paul Boag On Monday, 19th December, 2011

Four cool colour tools

I keep coming across super useful colour tools. Not that this is surprising. Working with colour is notoriously difficult.

The estimated time to read this article is 3 minutes

As designers we have to worry about choosing palettes, matching colour with imagery, colour contrast and finding something that satisfies the clients personal dislike of green!

As these new tools keep popping up, I thought I would give you a run down of my personal favourites.


I am a huge fan of evernote. One use I have for the application is as a place to collect imagery and inspiration.

I keep this graphical library organised with tags and for a long time I would also tag by colour. It was a laborious process but being able to call up all the imagery that had blue as its predominant colour was useful.


Now that I have Colorstache, I don’t need to tag by colour. Colorstache allows me to search within my evernote library based on choices from a colour wheel. Very useful!

Color Pilgrim

Color Pilgrim is a great way to discover new colour palettes. You can either upload images to the site or ‘clip’ them from webpages using their bookmarklet. Color Pilgrim will then extract a colour palette from the image.

Color Pilgrim

The bookmarklet is a nice touch, as is the ability to create palettes from scratch if you don’t want to use an image.

You can also search colour palettes by colour value which is not only a great way to find a good colour palette, but also imagery to use in moodboards.

Color Thief

Like Color Pilgrim, Color thief extracts colour from an image. However, what makes color thief interesting is that it can be used on your own site.

This jQuery plugin can automatically update the colour of a page based on the imagery within the page. This has some wonderful design possibilities.

Color Thief

I remember years back working on the National Trust website. At the time each page featured a huge image that had enormous impact. To reinforce this imagery we switched the colour palette of each page to support the image. This took us a huge amount of work. If only we had Color Thief then!

Check My Colours

Finally we come to Check My Colours. The only one to actually spell the word colour correctly ;-)

Check My Colours is a tool for checking foreground and background combinations to ensure they provide sufficient contrast for people who has visual problems.

All of the tests are based on the algorithms suggested by the World Wide Web Consortium and it works really well.

Not always the most cheerful reading. However, this is definitely a tool we should be using on all our sites.

Check My Colours

So what about you? What cool colour tools have you found. Post them in the comments below.

Become a web expert with our newsletter

Receive invaluable advice every three weeks and get two free video presentations for subscribing. You can unsubscribe in one click.

Blog Updates

You can follow all my posts by subscribing to my RSS feed or signing up to my email newsletter above.

Podcast Updates

Subscribe to the podcast via itunes or RSS. You can also subscribe to my quick tips via itunes and RSS too.

Social Updates

I am completely addicted to Twitter so try following me there. I also have a Facebook page which contains considerably less waffle.


Boagworld is a community, not just the voice of one blogger. You've read the post, now its time to get involved.