Color picker is used to browse through and select colors. It lets a user navigate through colors on a color spectrum, or specify a color. So here are 15 Helpful Javascript Color Picker Libraries that help users find the color they are looking for.

Flat color picker

Flat, simple, responsive and hackable Color-Picker. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize.

Bootstrap Colorpicker

Bootstrap Colorpicker is a modular color picker plugin for Bootstrap.

Iro.js

SVG-based JavaScript color picker library with zero dependencies.

ColorPicker

This is a collection of different color pickers created on a single engine. Each color picker is a separate javascript and the css file and you can use the one you need in your application.

React Color

Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more.

Vue Swatches

Vue Swatches is a UI Component for Vue that allows the user to choose colors. Unlike classic color pickers, where all colors are available (167 77 216 colors), Vue Swatches only shows a bunch of predefined colors.

FlexiColorPicker

A pure JavaScript color picker – no images, external libraries, CSS or 1px divs.

A colorpicker for React

It allows you to pick color either by selecting the color from color picker container or by adjusting the hue and opacity.

Huebee

If you are looking for a more simplistic approach, where the user can pick from a predefined set of colors, let’s say someone is configuring a car or filtering products on an e-commerce website by color, you don’t want to overwhelm the user with 16 million colors. You only want to present them a couple of options. 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.

Color Picker

A simple color picker plugin written in pure JavaScript, for modern browsers, with touch events support.

Bootstrap Colorpicker

This is a modular color picker plugin for Bootstrap 4.

vanilla-picker

A simple, easy to use vanilla JS color picker with alpha selection.

mb-react-color-picker

A React component that enables to pick color through HSV/HEX/RGBA.

colorjoe

Unlike many other colorpickers out there, colorjoe is truly scaleable. It is based on CSS and does not depend on external images. As a result, you can tweak its size to fit your purposes. Supports touch and AMD module definition as well.

evol-colorpicker

This is a web color picker which looks like the one in Microsoft Office 2010. It can be used inline or as a popup bound to a text box. It comes with several color palettes, can track selection history and supports “transparent” color.

Spectrum

Believe it or not, this colorpicker lives inside of Chrome, Firefox, and Safari devtools to make picking colors easier for web developers and designers.