Get the dominant color or color palette from an image.

Downloads in past


703.0.16 years ago6 years agoMinified + gzip package size for @mariotacke/color-thief in KB


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();

getColor(sourceImage[, quality])
returns [num, num, 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], ... ]