jQuery Hex Color Picker Demos

Demo 1:

jquery-hex-colorpicker default implementation


  	jQuery("#color-picker1").hexColorPicker();
  	

Demo 2:

jquery-hex-colorpicker using the jquery-ui "dialog" container. Note: jQuery UI must be included for this option to work. Also, the function is applied to two inputs with the same class.


  	jQuery(".color-picker").hexColorPicker({
		"container":"dialog",
	});
  	

Demo 3:

jquery-hex-colorpicker using the HSL color map, also adjusting the number of boxes, size of picker, and using the "box" style.


  	jQuery("#color-picker2").hexColorPicker({
		"container":"dialog",
		"colorModel":"hsl",
		"pickerWidth":400,
		"size":15,
		"style":"box",
	});