jscolor.js is a JavaScript color picker with opacity channel

Just add data-jscolor attribute…

No framework needed

jscolor.js is a self-sufficient JavaScript library consisting of only one file of plain JavaScript.

It doesn't need any frameworks (jQuery, Dojo, MooTools, etc.)
but it is friends with them all.


Wide compatibilty across modern desktop & mobile browsers, including:

Edge, Firefox, Chrome, Safari, Opera, and others…

Highly customizable

jscolor provides variety of configuration options.

Whether you need to change color picker's size or colors, or attach a function to its onchange event, the configuration can be fine-tuned for your web project.

Mobile friendly

With a built-in support for touch events, jscolor is designed to be easy to use on touch devices such as tablets and smartphones.

Assistance with implementation

Should you need assistance incorporating color-related features into your project, do not hesitate to email for advice.

Typical scenarios solved:

  • Customizing jscolor configuration to suit your project
  • Building color-related user interfaces, e.g. for generating colorized prints or product variants
  • Dynamic page layouts based on user-specified colors and other parameters
  • Color space calculations and conversions
  • AJAX integration, server-side processing of color data, etc.

jscolor example

H °
S %
V %
° H
% S
% V
The side buttons have
jscolor installed on them


I find JSColor easy to use, easy to integrate and easy to personalize options. I think you did a nice work. Thank you very much.
— Dweius
Our project has been using jscolor.js for a long while to full satisfaction.
— Thijs
first I want to thank you for putting such an effort to develop this nice library. I'm very happy that I don't need to add jQuery to my site - thanks to your independent jscolor…
— Jakub