diff --git a/src/components/colorpicker/ColorPicker.vue b/src/components/colorpicker/ColorPicker.vue
index cadbde4c7..a29942e1a 100755
--- a/src/components/colorpicker/ColorPicker.vue
+++ b/src/components/colorpicker/ColorPicker.vue
@@ -97,7 +97,7 @@ export default {
         this.updateUI();
     },
     watch: {
-        value: {
+        modelValue: {
             immediate: true,
             handler(newValue) {
                 this.hsbValue = this.toHSB(newValue);