jscolor

Download

Latest release is jscolor-1.4.2.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.2.zip

Installation

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

Do you like JSColor?

JSColor is LGPL licensed, so you can use it everywhere, even in commercial applications. If you appreciate my work, you can support it by making a small donation:

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