jQuery Script Blog

10 Best Color Picker Plugins In JavaScript (2026 Update)

by jQueryScript,
color picker

What Is Color Picker?

Color picker is a UI component for mobile & web apps that allow the user to select a color from the palette and get the color code in RGB, HEX, HSL, HSV, or CMYK formats.

The Best Color Picker

Color picker is an essential element in a web design / web development workflow. You don’t want to stare at your screen for hours trying to pick color from a palette, do you?

In this post, we're going to introduce you to the 10 best (top downloaded), open-source jQuery and Pure (Vanilla) JavaScript plugins to quickly and easily create a color picker for your web application.

With these color picker plugins you can quickly and easily select desired color from your web page. Each plugin has a distinctive feature which may make them unique for you. Hope this list will help you to save some time!

Originally Published July 26 2019, updated Jan 04 2026

Table of contents:

jQuery Color Picker Plugins:

Powerful Color Picker Plugin For jQuery - MiniColors

A powerful, elegant, animated, and fully customizable jQuery based color picker for your modern web page/web application.

Features:

  • Shows the color picker on blur & click.
  • Inline mode is supported as well.
  • Supports both Hex and rgb(a) color formats.
  • Configurable open/close animations.
  • Custom positions.
  • Custom control types.
  • Easy to style using your own CSS.
  • API methods and event handlers.

Powerful Color Picker Plugin For jQuery - MiniColors

[Demo] [Download]

Flat HTML5 Palette Color Picker For jQuery - colorPick.js

A simple, plain, flat style jQuery color picker plugin which allows the user to select colors from a predefined palette with support for recent selected colors.

The plugin uses HTML5 local storage to store and retrieve the recent colors selected by your users.

Flat HTML5 Palette Color Picker For jQuery - colorPick.js

[Demo] [Download]

Easy Hex Color Picker jQuery Plugin - color-picker.js

A lightweight and easy-to-implement jQuery plugin that allows you to add a HEX color picker to your web pages.

It displays a compact clean color picker popup when a color input gets focused, allowing users to pick a color from a palette containing a predefined set of colors that you have chosen.

Easy Hex Color Picker jQuery Plugin - color-picker.js

[Demo] [Download]

Pick Colors From A Predefined Palette - jQuery choose-color.js

A jQuery based color picker component that enables you to pick colors from a restricted palette defined in an HTML template.

Pick Colors From A Predefined Palette - jQuery choose-color.js

[Demo] [Download]

Microsoft Office Style Color Picker Plugin - evol.colorpicker

A jQuery plugin used to create Microsoft Office style inline or popup color pickers that supports various configurations and themes based on jQuery UI.

Microsoft Office Style Color Picker Plugin - evol.colorpicker

[Demo] [Download]

Vanilla JS Color Picker Plugins:

Accessible Color Picker – Coloris.js

A vanilla JavaScript library for creating responsive, mobile-friendly, and fully accessible color pickers.

Features:

  • Allows you to pre-define color swatches.
  • Dark and Light themes.
  • Supports HEXa, HEX, RGBa, RGB color formats.
  • Saturation and Brightness sliders.

Accessible Color Picker – Coloris.js

[Demo] [Download]

Sleek HTML5 / Javascript Color Picker – iro.js

iro.js is a sleek, HSV color based JavaScript color picker for generating a pretty, HTML5 canvas based color wheel UI with touch support.

Features:

  • Supports any color formats: Hex, Hex alpha, RGB, RGBA, RGB object, RGBA object, HSL, HSLA, HSL object, HSLA object, HSV object, HSVA.
  • Multi-color Selections.
  • Supports 3 layouts: Wheel, Slider, Box.

Sleek HTML5 / Javascript Color Picker – iro.js

[Demo] [Download]

Mobile-friendly & Keyboard Accessible Color Picker – Alwan

A lightweight, touch-enabled, and keyboard-accessible color picker component made in pure Vanilla JavaScript.

Features:

  • Light & Dark themes.
  • Supports 3 color formats: rgba, hsl, hsv.
  • Custom position.
  • Allows you to predefined colors.
  • And much more.

Mobile-friendly & Keyboard Accessible Color Picker – Alwan

[Demo] [Download]

Modern Feature-Rich Color Picker in Vanilla JavaScript

A modern color picker library that supports light/dark themes, predefined swatches, multiple color formats, and CSS color parsing.

You can implement it as a button, input field, or hidden component. It also includes an alpha transparency slider and provides both immediate color application and confirmation modes.

Modern Feature-Rich Color Picker in Vanilla JavaScript

[Demo] [Download]

Customizable Mobile-friendly Color Picker – jscolor

A cross-browser, framework-agnostic, mobile-friendly, and highly-customizable color picker built using plain JavaScript.

Features:

  • Supports HEXa and RGBa.
  • Customizable color palette.
  • Lots of configurations.

Customizable Mobile-friendly Color Picker – jscolor

[Demo] [Download]

Conclusion:

Looking for more jQuery plugins or JavaScript libraries to create awesome Color Picker on the web & mobile? See jQuery Color Picker and JavaScript Color Picker sections for more details.

See Also: