diff --git a/components/color-picker/color-picker-panel.tsx b/components/color-picker/color-picker-panel.tsx
index dc61dd6c..e1af8254 100644
--- a/components/color-picker/color-picker-panel.tsx
+++ b/components/color-picker/color-picker-panel.tsx
@@ -408,9 +408,12 @@ const ColorPickerPanel: FC<IColorPickerPanelProps> = (props) => {
     if (typeof visible === 'undefined') {
       setShowPanel(false)
     }
-    showPanel && onVisibleChange && onVisibleChange(false)
   })
-
+  useEffect(() => {
+    if (onVisibleChange) {
+      onVisibleChange(visible)
+    }
+  }, [visible])
   useEffect(() => {
     if (showPanel) {
       const scrollAlign = debounce((e: Event) => {