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

Grabs the dominant color or a representative color palette from an image. Uses javascript and canvas.
https://github.com/ded/color-thief

Last synced: 8 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/ded/color-thief
• Owner: ded
• Fork: true (lokesh/color-thief)
• Created: 2014-06-02T00:21:47.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2014-04-17T18:42:20.000Z (over 10 years ago)
• Last Synced: 2024-08-01T13:36:21.441Z (3 months ago)
• Language: JavaScript
• Homepage:
• Size: 1.44 MB
• Stars: 7
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: HISTORY.md

Awesome Lists containing this project

README

        
#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](http://lokeshdhakar.com/projects/color-thief) | [Read more on my blog](http://lokeshdhakar.com/color-thief)

##How to use

###Get the dominant color from an image

```js

var colorThief = new ColorThief();

colorThief.getColor(sourceImage);

```

```js

getColor(sourceImage[, quality])

returns {r: num, g: num, b: num}

```

###Build a color palette from an image

In this example, we build an 8 color palette.

```js

var colorThief = new ColorThief();

colorThief.getPalette(sourceImage, 8);

```

```js

getPalette(sourceImage[, colorCount, quality])

returns [ [num, num, num], [num, num, num], ... ]

```

##Credits and license

###Author

by Lokesh Dhakar  

[lokeshdhakar.com](http://www.lokeshdhakar.com)  

[twitter.com/lokesh](http://twitter.com/lokesh)

###Thanks

* Nick Rabinowitz - For creating quantize.js.

* John Schulz - For clean up and optimization. @JFSIII

* Nathan Spady - For adding drag and drop support to the demo page.

###License

Licensed under the [Creative Commons Attribution 2.5 License](http://creativecommons.org/licenses/by/2.5/)

* Free for use in both personal and commercial projects.

* Attribution requires leaving author name, author homepage link, and the license info intact.