diff --git a/src/component/Detail/DesignDetail.vue b/src/component/Detail/DesignDetail.vue
index f5f3b223..ebed65a0 100644
--- a/src/component/Detail/DesignDetail.vue
+++ b/src/component/Detail/DesignDetail.vue
@@ -361,8 +361,8 @@ export default defineComponent({
 				let color = ''
 				let gradient = null
 				if((detailData.currentDetailType == 'color' || detailData.isEditPattern.value == 'canvasEditor') && isCurrent){
-					color = `${newData?.color.rgba.r} ${newData?.color.rgba.g} ${newData?.color.rgba.b}`
-					if(newData?.color.gradient){
+					color = newData?.color?.rgba?.r?`${newData?.color.rgba.r} ${newData?.color.rgba.g} ${newData?.color.rgba.b}`:''
+					if(newData?.color?.gradient){
 						gradient = newData?.color.gradient
 					}
 				}else if(isCurrent){