Download

Latest release is jscolor-1.4.1.zip. For older versions see the archive.

Installation

1. Refer to jscolor.js in your HTML page:

   <script type="text/javascript" src="jscolor/jscolor.js"></script>

2. Add a class to desired <input> tags:

   <input class="color">

Download

Latest release is jscolor-1.4.1.zip

Installation

1. include script jscolor/jscolor.js
2. turn all desired <input> elements into <input class="color">

Do you like JSColor?

Examples

1. Basic usage
2. Tweaking
3. Picker modes HSV/HVS
4. Picker position
5. Picker borders & face
6. Picker color scheme
7. Showing/hiding the picker
8. Onchange event
9. onImmediateChange event
10. Getting the color
11. Setting the color
12. Linking foreign elements
13. Manual binding - useful for AJAX applications
14. Hiding the Slider
15. Closable picker
16. Limiting H/S/V ranges
17. Performance test

Tags

free open source gnu gpl online web interactive javascript java script js dhtml dynamic html compact simple small smooth slider slidable rgb rgba hsl hsla hsv hex pick colour color picker colorpicker colorpallet colorpalette color palette pallet mixer spectrum select selection selector getter generator alpha transparency opacity form forms input field dropdown popup pop-up context dialog panel window box control ajax jquery mootools yui dojo mochikit framework plugin module component extension widget tool toolkit applet library pack package