Best jQuery Color Picker Plugins & Tutorials with Demo

Iro.js is a HSV color picker widget for JavaScript with a modern, SVG-based user interface.

Features:

• Simple: Low friction API, with robust support for hex, rgb, hsl and hsv color formats.
• Extendable: Tweak the library to your requirements with Plugins and custom UI elements
• Consistent behaviour: Works across all modern browsers and devices, including touchscreens.
• Small footprint: 7kb minified and gzipped, with absolutely no jQuery or extra css/images in sight.
• Great design: The controls are designed to be intuitive and responsive, plus they’re built with SVG so they look super crisp at any resolution.
• Transparency support: Optional transparency slider with the transparency plugin.

Grapick is a easy configurable gradient picker, with no dependencies.

Pickr is a flat, simple, responsive and hackable color-picker. It has no dependencies and compatible with all CSS Frameworks just like Bootstrap, Materialize.

Features

• Simple usage
• No dependencies
• Multiple color representations
• Color comparison
• Opacity control
• Supports touch devices
• Nodejs support
• Lightweight, 8KB gzipped

Huebee is a JavaScript library for creating user-centric color pickers. Huebee displays a limited set of colors so users view all colors at a glance, make clear decisions, and select a color with a single click.

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