🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

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

Plugins Web

Documentation

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 [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], ... ]

You May Also Like