diff --git a/umbraco/presentation/umbraco_client/colorpicker/js/initcolorpicker.js b/umbraco/presentation/umbraco_client/colorpicker/js/initcolorpicker.js
index 6c59febef6..8485b1fe46 100644
--- a/umbraco/presentation/umbraco_client/colorpicker/js/initcolorpicker.js
+++ b/umbraco/presentation/umbraco_client/colorpicker/js/initcolorpicker.js
@@ -1,13 +1,22 @@
-jQuery('input.color').ColorPicker({
-onSubmit: function(hsb, hex, rgb, el) {
-    jQuery(el).val('#' + hex);
-    jQuery(el).ColorPickerHide();
-    jQuery(el).trigger('change');
-},
-onBeforeShow: function () {
-    jQuery(this).ColorPickerSetColor(this.value);
-}
+var activecolorpicker;
+
+jQuery('input.color').ColorPicker({
+    onSubmit: function (hsb, hex, rgb, el) {
+        jQuery(el).val('#' + hex);
+        jQuery(el).ColorPickerHide();
+        jQuery(el).trigger('change');
+    },
+    onBeforeShow: function () {
+        activecolorpicker = this;
+        jQuery(this).ColorPickerSetColor(this.value);
+    },
+    onChange: function (hsb, hex, rgb) {
+       
+        jQuery(activecolorpicker).val('#' + hex);
+        jQuery(activecolorpicker).trigger('change');
+    }
 })
-.bind('keyup', function(){
+.bind('keyup', function () {
     jQuery(this).ColorPickerSetColor(this.value);
-});
\ No newline at end of file
+});
+