Paul Boag

Four cool colour tools

Published:
19 December 2011
Categories:
Interface Design
Reading time:
2 minutes

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

Warning! The post you are viewing is out of date and almost certainly no longer accurate. For more topical posts, check out the “related reading” at the bottom of this page or drop me an email with any questions.

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.

Colorstache

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.

Colorstache

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.

  • Free access to 3 books including Click! that teaches you how to encourage clicks without shady tricks.
  • Choose between multiple email courses.
  • Choose between in-house or freelancers and agencies content.
  • Learn from an expert with over 30 years experience.

About me

I’m a UX consultant and conversion optimization specialist with 32 years in digital. I help teams create user experiences that work; winning support, improving results, and making change stick.

Contact me

Email: paul@boagworld.com
UK Based – Clients in North America, Europe, Asia, Australia.

how I help

  • UX Strategy – Spot what’s blocking a great experience and get a clear plan to fix it.
  • Improving Conversion – Simple, evidence-based changes that make every click count.
  • Coaching & Leadership – A sounding board to help you lead with clarity and confidence.
  • Training & Workshops – Hands-on sessions, playbooks, and self-learning so your team keeps improving.