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: about 1 year 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 (about 12 years ago)
- Default Branch: master
- Last Pushed: 2014-04-17T18:42:20.000Z (about 12 years ago)
- Last Synced: 2024-11-04T20:42:27.917Z (over 1 year 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.