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

• /dist/color-thief.js: CommonJS module for use in Node.
• /dist/color-thief.mjs: ES6 module for use in Browser. For modern browsers as well as Webpack and Rollup.
• /dist/color-thief.umd.js: UMD module for use in Browser. For simple script tag loading that exposes a global variable or for RequireJS AMD support. color-thief.min.js is a duplicate of this file, kept around to maintain backwards compatibility.

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

In this example, we build an 8 color palette.

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