15 Helpful Javascript Color Picker Libraries

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.

ColorPicker.Pro

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.

ColorPicker.Pro - Collection Of Powerful Color Pickers

Flat color picker

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

Flat color picker

React Color

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

React Color

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.

Vue Swatches

FlexiColorPicker

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

FlexiColorPicker

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.

A colorpicker for React

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.

Huebee

Color Picker

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

Color Picker

Bootstrap Colorpicker

This is a modular color picker plugin for Bootstrap 4.

Bootstrap Colorpicker

vanilla-picker

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

vanilla-picker

iro.js

SVG-based JavaScript color picker library with zero dependencies.

iro.js

mb-react-color-picker

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

mb-react-color-picker

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.

colorjoe

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.

evol-colorpicker

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.

Spectrum

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.