javascript - change value of colour picker based on variable onclick -

In my program here:

I want to add an iDropper tool. Now I think this is very much that I can click by clicking on the drop-down icon and clicking on the canvas elsewhere and then I can save the hex variable in a variable. How do I change the color picker value with this variable, need my help with this? This is the code for color picker and you can see it on the given link.

  $ ('# colorpickerholder'). ColorPicker ({flat: true, on change: function (hsb, hex), rgb} {brushColour = "#" + hex;},});   
 I am planning to use this eyedropper:   
 
 < P> Probably this?  
 It looks like you can:  
  $ ('# colorpickerHolder'). ColorPickerSetColor ('# 0000ff');