diff --git a/src/components/ma-colorPicker/index.vue b/src/components/ma-colorPicker/index.vue
index 7a0e6400..3937a860 100644
--- a/src/components/ma-colorPicker/index.vue
+++ b/src/components/ma-colorPicker/index.vue
@@ -21,7 +21,7 @@
   </a-input-group>
 </template>
 <script setup>
-import { ref, watch, reactive } from 'vue'
+import { ref, watch, reactive, onMounted } from 'vue'
 import { ColorPicker } from 'vue-color-kit'
 import 'vue-color-kit/dist/vue-color-kit.css'
 import { generate, getRgbStr } from '@arco-design/color'
@@ -34,6 +34,10 @@ const props = defineProps({
   placeholder: { type: String, default: '请选择颜色' },
 })
 
+onMounted(() => {
+  val.value = props.modelValue
+})
+
 const selectColor = (color) => {
   val.value = color.hex
 }