https://github.com/darosh/colorgram-js
Color extraction library
https://github.com/darosh/colorgram-js
Last synced: 2 months ago
JSON representation
Color extraction library
- Host: GitHub
- URL: https://github.com/darosh/colorgram-js
- Owner: darosh
- License: mit
- Created: 2015-07-07T12:51:21.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2022-12-30T18:32:58.000Z (over 2 years ago)
- Last Synced: 2025-02-26T08:06:36.253Z (3 months ago)
- Language: HTML
- Homepage: http://darosh.github.io/colorgram-js/test/browser_test.html
- Size: 1.14 MB
- Stars: 79
- Watchers: 3
- Forks: 5
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Colorgram [](https://travis-ci.org/darosh/colorgram-js)
Color extraction library. In TypeScript/JavaScript. For browser/server.
## Demo
[test/browser_test.html](http://darosh.github.io/colorgram-js/test/browser_test.html)
## Features
- small size, 1kB (minified + gzipped)
- pretty fast, 512×512 pixels in ~50ms, 340×340 pixels in ~15ms (~6× slower on mobile)
- scans every pixel
- identical output for rotated images
- sampled by top 2 bits of 3 groups: H, L, and [luminance](https://en.wikipedia.org/wiki/Luma_%28video%29#Use_of_luminance)
- calculates average per group
- fixed memory footprint, samples using 2 (bits) ^ 3 (groups) * 4 (RGB + count) * 4 (Uint32) = 1024 bytes
- usually generates small (~16 colors) palette of main colors
- supports RGB and RGBA input pixel array (compatible with [ImageData.data](https://developer.mozilla.org/en-US/docs/Web/API/ImageData/data))
- using [TypedArray](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypedArray)
- no native dependencies
## Similar stuff
- [lokesh/color-thief](https://github.com/lokesh/color-thief)
- [leeoniya/RgbQuant.js](https://github.com/leeoniya/RgbQuant.js)
- [nrabinowitz/quantize.js](https://gist.github.com/nrabinowitz/1104622)
- [igor-bezkrovny/image-quantization](https://github.com/igor-bezkrovny/image-quantization)
- [NeuQuant](http://members.ozemail.com.au/~dekker/NEUQUANT.HTML)
- [quantization keyword in npm](https://www.npmjs.com/browse/keyword/quantization)
- [pngquant](https://pngquant.org/)
- [Adobe Color CC](https://color.adobe.com/create/image/)
## Install
```npm install colorgram```
## Usage
See [test](https://github.com/darosh/colorgram-js/tree/master/test) folder.
## TypeScript documentation
[http://darosh.github.io/colorgram-js/doc/](http://darosh.github.io/colorgram-js/doc/)
## License
[MIT](https://github.com/darosh/colorgram-js/tree/master/LICENSE)