Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/LukyVj/Colorify.js

The simple, customizable, tiny javascript color extractor
https://github.com/LukyVj/Colorify.js

Last synced: about 2 months ago
JSON representation

The simple, customizable, tiny javascript color extractor

Host: GitHub
URL: https://github.com/LukyVj/Colorify.js
Owner: LukyVj
License: isc
Created: 2015-12-07T13:47:35.000Z (over 8 years ago)
Default Branch: master
Last Pushed: 2021-04-02T08:30:07.000Z (about 3 years ago)
Last Synced: 2024-04-02T00:07:53.974Z (3 months ago)
Language: HTML
Homepage: http://colorify.rocks
Size: 4.69 MB
Stars: 808
Watchers: 23
Forks: 57
Open Issues: 13
Metadata Files:
- Readme: README.md
- License: LICENSE.md

Lists

Colorful - Colorify.js - Simple, customizable, tiny JavaScript color extractor. (Tools)
awesome-stars - LukyVj/Colorify.js - The simple, customizable, tiny javascript color extractor (HTML)
awesome-stars - LukyVj/Colorify.js - The simple, customizable, tiny javascript color extractor (HTML)

README

        ![](https://img.shields.io/badge/project-deprecated-red.svg) ![](https://img.shields.io/badge/status-unmaintaned-orange.svg)

# ![](http://puu.sh/m3sr4/73e8b2e9ef.png)

[![npm version](https://img.shields.io/npm/v/colorify.js.svg?style=flat)](https://www.npmjs.org/package/colorify.js) [![Join the chat at https://gitter.im/LukyVj/Colorify.js](https://badges.gitter.im/LukyVj/Colorify.js.svg)](https://gitter.im/LukyVj/Colorify.js?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

The simple, customizable, tiny javascript color extractor.

---

### Showcase 

We'd love to see what you're creating with colorify.js ! 

If you want to send your creations, and get featured on http://colorify.rocks and on the github repo, send the url in a comment on the issue [Community Showcase](https://github.com/LukyVj/Colorify.js/issues/23) ! 

Be creative ! 

--- 

In summary, with Colorify.js, you can :

- Extract the dominant color from an image

- Generate gradients based on the images colors

- Isolate colors and manipulates them everywhere in the page

- Create a Lazy-revealer system for your images

- Load image dynamically

- Create any `colorify({});` instances you want

__The script works with ANY images format : png, jpeg, jpg, gif__

--- 

### Installation

#### With npm

`npm install colorify.js`

#### With bower 

`bower install colorifyjs`

#### Regular Setup

To install colorify, just download the script and load it at the end of your page

```html