Canvas Based HTML5 HSV Color Picker Component

HTML5-Color-Picker

A scaleable color picker (color wheel). Attaches to “input” DOM element

HTML5 canvas
Scalable
HSV color model
Tested on mobile devices
Don’t require any addition libraries
Correct turn off if browser not support HTML5
Two styles for set saturation and volume (display as hsv quad block or as hsv triangle)
Optional transparency slider (>= v0.9)
Optional popup window if attach color picker to an input (>= v1.02)

Example :

<canvas id="color-picker"></canvas>
<input id="color"></input>
<script> 
    new KellyColorPicker({
        place : 'color-picker', 
        size : 150, 
        input : 'color',  
    });
</script>

See Wiki for full documentation

Demo | Examples

List of examples

Download Details:

Author: NC22

Source Code: https://github.com/NC22/HTML5-Color-Picker

#html5 #programming