diff --git a/packages/color-picker/src/color.ts b/packages/color-picker/src/color.ts
index 179d1811ea..59c1b285bc 100644
--- a/packages/color-picker/src/color.ts
+++ b/packages/color-picker/src/color.ts
@@ -255,7 +255,7 @@ export default class Color {
       }
     } else if (value.indexOf('#') !== -1) {
       const hex = value.replace('#', '').trim()
-      if (!/^(?:[0-9a-fA-F]{3}){1,2}$/.test(hex)) return
+      if (!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(hex)) return
       let r, g, b
 
       if (hex.length === 3) {