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

many thanks for the great work on the color picker tool! I really love it!
— Andre
Thank you for making the best color picker!
— Андрей
I really like jscolor, it's perfect for my little free web app!
— Alan