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.
Explore 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">
Example app
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
I just wanted to send a personal thanks for saving me a lot of time and bother. […]
You've provided the cleanest solution with copy/paste of 2 lines and it's running.
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…
Great work! Searching the web I found your picker very elegant and easy to use.