Color Picker

A simple color picker application written in pure JavaScript, for modern browsers.

Has support for touch events. Touchy… touchy…

Demo and Documentation

Contributors

Code Contributors

This project exists thanks to all the people who contribute.

Financial Contributors

Become a financial contributor and help us sustain our community.

Individuals

Organizations

Support this project with your organization. Your logo will show up here with a link to your website.

Release Notes

2.1.6

• Modernize syntax.
• Make color picker tweaks reusable by wrapping them in a function.

2.1.5

• Fixed minified code does not yet updated after release.

2.1.4

• Removed CP._ method.
• Small bug fixes.

2.1.3

• Added transition effect example.
• Removed opacity value rounding internally.
• Updated to pass the Firefox extension validator (#57)

2.1.2

• Updated the donation target.

2.1.1

• Fixed common issue with ES6 module which does not reference the this scope to window object by default.

2.1.0

• Added ability to clear the hook storage object if it’s empty.
• Added blur and focus hook that removed state.e option.

2.0.3

• Added CP.state property to set initial state globally.

2.0.2

• Renamed state.events to state.e.

2.0.1

• Removed CP.each() method.
• Renamed CP.__instance__ to CP.instances.

2.0.0

• Removed change:sv, change:h, start:sv, start:h, drag:sv, drag:h, stop:sv, stop:h hooks.
• Hooks function arguments is now contains red, green, blue and alpha color value instead of static hex color string value.
• Reduced file size by removing all color supports other than hex.

1.4.2

• Fixed #48
• Changed to CSS flexbox for layout.

1.4.1

• Trigger enter and exit hooks on enter and exit method call.
• Removed the instance parameter in the first function argument of the hook and move the this scope in the function body to the current color picker instance.

1.4.0

• Renamed target property to source and picker property to self.

1.3.10

• Automatic color picker size based on container’s font size.

1.3.9

• Renamed trigger method to fire.

1.3.8

• Fixed color picker panel position using HTMLElement.prototype.getBoundingClientRect() by @flamestream and @alex3683 #29

1.3.5

• Allow users to change the plugin name from CP to another.

1.3.2

• Allow users to override the fit method.

1.3.0

• Converted all color converters into static function.

1.2.0

• Added static __instance__ property to collect all of the color picker instance.

1.1.0

• Fixed Chrome bug with desktop events #9

1.0.3

• Fixed event.stopPropagation() issue #8

1.0.2

• Added change hook.

1.0.0

• Initial release.