diff --git a/src/components/ColorPicker/index.vue b/src/components/ColorPicker/index.vue
index 78427b04..97e0ce87 100644
--- a/src/components/ColorPicker/index.vue
+++ b/src/components/ColorPicker/index.vue
@@ -224,6 +224,7 @@ const browserEyeDropper = () => {
     hue.value = tColor.toHsl().h
     color.value = tColor.toRgb()
 
+    message.closeAll()
     updateRecentColorsCache()
   }).catch(() => {
     message.closeAll()