#Color Thief

A script for grabbing the color palette from an image. Uses Javascript and the canvas tag to make it happen.

See a Demo | Read more on my blog

##How to use

###Get the dominant color from an image

var colorThief = new ColorThief();
colorThief.getColor(sourceImage);

getColor(sourceImage[, quality])
returns {r: num, g: num, b: num}

###Build a color palette from an image

In this example, we build an 8 color palette.

var colorThief = new ColorThief();
colorThief.getPalette(sourceImage, 8);

getPalette(sourceImage[, colorCount, quality])
returns [ [num, num, num], [num, num, num], ... ]

##Credits and license

###Author by Lokesh Dhakar
lokeshdhakar.com
twitter.com/lokesh

###Thanks

• Nick Rabinowitz - For creating quantize.js.
• John Schulz - For clean up and optimization. @JFSIII
• Nathan Spady - For adding drag and drop support to the demo page.

###License Licensed under the Creative Commons Attribution 2.5 License

• Free for use in both personal and commercial projects.
• Attribution requires leaving author name, author homepage link, and the license info intact.

Changelog

v2.0.1 - UNRELEASED

• [Fix] @nobodypb - MMCQ lib issues #16
• [Fix] @nteike - #33
• Drop version number from bower.json
• Fix incorrect bower.json main property path

v2.0.0 - 2013-06-23

• Embed quantize into color thief file
• Strip out jQuery requirement
• Credit those who helped with edits - Nathan Spady for drag and drop support.

Demo page and example changes

• Don't show yellow circle buttons till images have loaded
• Add FB and Twitter buttons
• Add drag n drop support
• Make design responsive
• Touch support on demo page