diff --git a/src/components/color-picker/color-picker.vue b/src/components/color-picker/color-picker.vue
index 6820c4c..8536f5b 100644
--- a/src/components/color-picker/color-picker.vue
+++ b/src/components/color-picker/color-picker.vue
@@ -24,7 +24,7 @@
                 v-transfer-dom>
                 <div :class="[prefixCls + '-picker']">
                     <div :class="[prefixCls + '-picker-wrapper']">
-                        <div :class="[prefixCls + '-picker-panel']">
+                        <div v-if="saturation" :class="[prefixCls + '-picker-panel']">
                             <Saturation v-model="saturationColors" @change="childChange"></Saturation>
                         </div>
                         <div :class="[prefixCls + '-picker-hue-slider']">
@@ -130,6 +130,10 @@
             value: {
                 type: String
             },
+            saturation: {
+                type: Boolean,
+                default: true
+            },
             alpha: {
                 type: Boolean,
                 default: false
@@ -367,4 +371,4 @@
             }
         }
     };
-</script>
\ No newline at end of file
+</script>
--
libgit2 0.21.4