diff --git a/src/components/ColorPicker/index.vue b/src/components/ColorPicker/index.vue
index 469b187..8062b26 100644
--- a/src/components/ColorPicker/index.vue
+++ b/src/components/ColorPicker/index.vue
@@ -16,7 +16,7 @@ import { Chrome } from 'vue-color'
 export default {
   props: {
     value: {
-      type: Object,
+      type: String,
       required: true
     }
   },
@@ -43,7 +43,7 @@ export default {
   computed: {
     color: {
       set(val) {
-        this.$emit('input', val)
+        this.$emit('input', val.hex)
       },
       get() {
         return this.value