Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Grabs the dominant color or a representative color palette from an image. Uses javascript and canvas.
branch: master

This branch is 33 commits behind lokesh:master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
css
img
js
.gitignore
README.markdown
index.html

README.markdown

Color Thief

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

See a Demo

Usage

Get 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.

Create 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.

License

Licensed under the Creative Commons Attribution 2.5 License

Something went wrong with that request. Please try again.