// Replace any instance of RENAMEME with your fields name.

// IMPORTANT: we're use noConflict() mode, so instead of
// $(field) we use jQuery(field).

jQuery('#RENAMEME').ColorPicker({
  color: '#0000ff',
  onShow: function (colpkr) {
    jQuery(colpkr).fadeIn(500);
    return false;
  },
  onHide: function (colpkr) {
    jQuery(colpkr).fadeOut(500);
    return false;
  },
  onChange: function (hsb, hex, rgb) {
    jQuery('#RENAMEME').css('backgroundColor', '#' + hex);
    jQuery('#RENAMEME').val('#' + hex);
  }
})