bosmo / color-thief

Grabs the dominant color or a representative color palette from an image. Uses javascript and canvas.

Home Page:https://github.com/lokesh/color-thief

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

Getting Started

npm install --save colorthief

If you see an error during install, it is probably related to the system dependencies required by the 'node-canvas' dependency. Follow the steps posted on their repo: https://github.com/Automattic/node-canvas/tree/v1.x#installation

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

About

Grabs the dominant color or a representative color palette from an image. Uses javascript and canvas.

https://github.com/lokesh/color-thief

License:MIT License


Languages

Language:JavaScript 80.6%Language:HTML 19.4%