What is jscolor?
jscolor is a simple & user-friendly color picker for your web forms. It extends all desired <input> fields of a smooth color selection dialog. You can pickerize these inputs in two easy steps: 1. set them to <input class="color"> 2. include script jscolor.js into your HTML page.
- No framework needed (jQuery, MooTools, YUI, Dojo…)
- Quick & easy installation
- No popup windows
- Wide cross-browser compatibility
- Customizable appearance and behavior
Demo
- See jscolor in action: ← go here
- Practical example: Gradient generator
- More demos →
- 2010-08-16
Peter Dematté developed an excellent jscolor-inspired color picker jscolorXS - 2010-05-05
jscolor is now available as Adobe Dreamweaver Extension. Thanks to Veeresh Hiremath. - 2010-01-23
jscolor-1.3.1 fixes bug in getElementPos() method. - 2009-10-16
jscolor-1.3.0 released! This branch introduces semicolon syntax, strict comparison operators and hasOwnProperty() filtering to make jscolor resistant to Object.prototype tweaks. No changes in API. - 2009-10-07
jscolor-1.2.4 released. - 2009-10-07
STRd6 has ported jscolor-1.0.9 into jQuery, see jqcolor project. - 2009-04-13
jscolor-1.2.3 released. This version fixes incorrect computing of the dialog width. - 2009-02-03
jscolor-1.2.2 fixes image preloading again, it should be finally working now. Thanks to Jan Nicklas for the bug report. - 2009-01-16
jscolor-1.2.1 release fixes incorrect image preloading. Also, property bindAuto has been renamed to binding. - 2009-01-16 I'm proud to announce jscolor-1.2.0! Changelog:
- new default settings: color=FFFFFF, hash=false
- property picker renamed to pickerOnfocus
- added support for image preloading
- jscolor is now released under the GNU LGPL
- 2008-11-30
jscolor-1.1.2 released! Methods fromHSV() and fromRGB() now truncate input values. Functions showPicker() and hidePicker() became public, so you can show/hide the picker manually. - 2008-11-23
jscolor-1.1.1 released! This version fixes HEAD bug and introduces new property pickerPosition. There are also some new examples on this site. - 2008-10-26
I'm proud to announce new, completely rewritten jscolor-1.1.0. Color picker is now much more customizable and widely accessible via API. Enjoy!
Cross-browser compatibility (for release 1.1.2)
| Ace Explorer | supported |
| Avant Browser 11.5 | supported |
| Firefox 3.6.3 | supported |
| Firefox 3.0.3 | supported |
| Firefox 2 | supported |
| Flock 1.2.1 | supported |
| Google Chrome 4.1 | supported |
| Google Chrome Beta | supported |
| Internet Explorer 8 | supported |
| Internet Explorer 7 | supported |
| Internet Explorer 6 | supported |
| Internet Explorer 5.5 SP2 | supported |
| Internet Explorer 5.01 SP2 | supported |
| Konqueror 3.5.4 | supported |
| Netscape 8.1 | supported |
| Opera 9.64 | supported |
| Opera 9.01 | supported |
| Safari 3.1.2 | supported |
| Safari 3.0.4 | partially supported |
| Safari (iPhone 3G) | supported |
| SeaMonkey 1.0.5 | supported |
Author & License
jscolor project is maintained by Jan Odvárko and released under the GNU Lesser General Public License. LGPL differs from GPL by allowing you to use jscolor even in non-(L)GPL applications. If you find jscolor useful and want to repay my work, a small donation would be appreciated.