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

Great work! Searching the web I found your picker very elegant and easy to use.
— Aleksandar
I really like jscolor, it's perfect for my little free web app!
— Alan
many thanks for the great work on the color picker tool! I really love it!
— Andre