colpick Color Picker

Usage examples

Button

$('#example-button').colpick();

#
R
G
B
H
S
B
OK

Flat mode and hex layout

#
R
G
B
H
S
B
OK

$('#example-flat').colpick({ color:'123456', flat:true, layout:'hex' });

Text Input and colorScheme 'dark'

$('#example-text').colpick({ colorScheme:'dark', onChange:function(hsb,hex,rgb,el,bySetColor) { $(el).val('#'+hex); } });

#
R
G
B
H
S
B
OK

HTML5 Color Input

$('#example-color').colpick({ onSubmit:function(hsb,hex,rgb,el,bySetColor) { $(el).val('#'+hex); $(el).colpickHide(); } });

#
R
G
B
H
S
B
OK

Polyfill

$('#example-polyfill').colpick({ polyfill:true });

#
R
G
B
H
S
B
OK