Color Thief

by Lokesh Dhakar - Blog - Twitter

A script for grabbing the dominant color or a representative color palette from an image. Uses javascript and canvas.

See a Demo

###Requirements

• jQuery
• quantize.js

###Usage

####Dominant Color

getDominantColor(sourceImage)

returns {r: num, g: num, b: num}

Uses the median cut algorithm provided by quantize.js to cluster similar colors and return the base color from the largest cluster.

####Palette

createPalette(sourceImage, colorCount)
returns array[ {r: num, g: num, b: num}, {r: num, g: num, b: num}, ...]

Use the median cut algorithm provided by quantize.js to cluster similar colors.

BUGGY: Function does not always return the requested amount of colors. It can be +/- 2.

Licensed under the Creative Commons Attribution 2.5 License