JavaScript / HTML Color Picker component (Color palette / selector)

jscolor is a web color picker component that aims to be super easy both for developers to install and end users to use.

Get inspired by the two-liner example below and see how quick the installation can be…

Installation in two lines

<script src="jscolor.js"></script>

Color: <input class="jscolor" value="ab2567">
Color:
Download jscolor including this example | Explore more examples »

Example app

This is a demo application
built using jscolor
RGB
HEX
H °
S %
V %
R
G
B
RGB
HEX
° H
% S
% V
R
G
B

No framework needed

jscolor is a completely self-sufficient library consisting of only one JS file. It doesn't need any frameworks (jQuery, Dojo, MooTools etc.) but it can certainly coexist with them.

Cross-browser

All modern browsers are supported, including:

Firefox, Chrome, Safari, Opera, Internet Explorer 7 and above and others…

Highly customizable

Whether you need to change the color picker's size or color theme, or attach a function to the onchange event, jscolor can be fine-tuned to perfectly fit in your web project.

Touch-friendly

With the built-in support for touch events, jscolor is designed to be easily usable on modern touch devices such as tablets and smartphones.

Testimonials

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
Great work! Searching the web I found your picker very elegant and easy to use.
— Aleksandar
Our project has been using jscolor.js for a long while to full satisfaction.
— Thijs