Color Picker
============

![Code Size](https://img.shields.io/github/languages/code-size/taufik-nurrohman/color-picker?color=%23444&style=for-the-badge) ![License](https://img.shields.io/github/license/taufik-nurrohman/color-picker?color=%23444&style=for-the-badge)
> A simple color picker application written in pure JavaScript, for modern browsers.

Has support for touch events. Touchy… touchy…

![Color Picker](https://user-images.githubusercontent.com/1669261/160975498-e7ec4e53-14ac-47ba-86cf-1857ec36dd1a.png)

[Demo and Documentation](https://taufik-nurrohman.github.io/color-picker "View Demo")

Contribute
----------

 - **Please do not make pull requests by editing the files that are in the root of the project. They are generated automatically by the build tool.**
 - Install [Git](https://en.wikipedia.org/wiki/Git) and [Node.js](https://en.wikipedia.org/wiki/Node.js)
 - Run `git clone https://github.com/taufik-nurrohman/color-picker.git`
 - Run `cd color-picker && npm install --save-dev`
 - Edit the files in the `.github/factory` folder.
 - Run `npm run pack` to generate the production ready files.

Contributors
------------

### Code Contributors

This project exists thanks to all the people who contribute.

[![Contributors](https://opencollective.com/color-picker/contributors.svg?width=890&button=false)](https://github.com/taufik-nurrohman/color-picker/graphs/contributors)

### Financial Contributors

[Become a financial contributor](https://opencollective.com/color-picker/contribute) and help us sustain our community.

#### Individuals

[![Contribute](https://opencollective.com/color-picker/individuals.svg?width=890)](https://opencollective.com/color-picker)

#### Organizations

[Support this project with your organization](https://opencollective.com/color-picker/contribute). Your logo will show up here with a link to your website.

<a href="https://opencollective.com/color-picker/organization/0/website"><img src="https://opencollective.com/color-picker/organization/0/avatar.svg"></a>
<a href="https://opencollective.com/color-picker/organization/1/website"><img src="https://opencollective.com/color-picker/organization/1/avatar.svg"></a>
<a href="https://opencollective.com/color-picker/organization/2/website"><img src="https://opencollective.com/color-picker/organization/2/avatar.svg"></a>
<a href="https://opencollective.com/color-picker/organization/3/website"><img src="https://opencollective.com/color-picker/organization/3/avatar.svg"></a>
<a href="https://opencollective.com/color-picker/organization/4/website"><img src="https://opencollective.com/color-picker/organization/4/avatar.svg"></a>
<a href="https://opencollective.com/color-picker/organization/5/website"><img src="https://opencollective.com/color-picker/organization/5/avatar.svg"></a>
<a href="https://opencollective.com/color-picker/organization/6/website"><img src="https://opencollective.com/color-picker/organization/6/avatar.svg"></a>
<a href="https://opencollective.com/color-picker/organization/7/website"><img src="https://opencollective.com/color-picker/organization/7/avatar.svg"></a>
<a href="https://opencollective.com/color-picker/organization/8/website"><img src="https://opencollective.com/color-picker/organization/8/avatar.svg"></a>
<a href="https://opencollective.com/color-picker/organization/9/website"><img src="https://opencollective.com/color-picker/organization/9/avatar.svg"></a>