NC22 / KellyC-Color-Picker

A scaleable color picker implemented using HTML5 (color wheel, use hsv model) Single file, not require addition libs, colorpicker compatible with mobile devices

Home Page:https://nradiowave.ru/webdev/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

KellyC-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

License

GNU General Public License v3

About

A scaleable color picker implemented using HTML5 (color wheel, use hsv model) Single file, not require addition libs, colorpicker compatible with mobile devices

https://nradiowave.ru/webdev/

License:GNU General Public License v3.0


Languages

Language:JavaScript 100.0%