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 for the end users to use.

Get inspired by the two-liner example below and see how easy 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 JavaScript 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/colors or attach a function to the onchange event, jscolor can be fine-tuned to perfectly suit your web project.

Touch-friendly

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

Testimonials

many thanks for the great work on the color picker tool! I really love it!
— Andre
Our project has been using jscolor.js for a long while to full satisfaction.
— Thijs
Thank you for making the best color picker!
— Андрей