diff --git a/src/components/ColorPicker/Hue.vue b/src/components/ColorPicker/Hue.vue
index 7b42da01..d6e239bb 100644
--- a/src/components/ColorPicker/Hue.vue
+++ b/src/components/ColorPicker/Hue.vue
@@ -37,7 +37,7 @@ export default defineComponent({
     
     const color = computed(() => {
       const hsla = tinycolor(props.value).toHsl()
-      hsla.h = props.hue
+      if (props.hue) hsla.h = props.hue
       return hsla
     })
 
diff --git a/src/components/ColorPicker/Saturation.vue b/src/components/ColorPicker/Saturation.vue
index 82e1c979..a6caeb10 100644
--- a/src/components/ColorPicker/Saturation.vue
+++ b/src/components/ColorPicker/Saturation.vue
@@ -39,7 +39,7 @@ export default defineComponent({
   setup(props, { emit }) {
     const color = computed(() => {
       const hsva = tinycolor(props.value).toHsv()
-      hsva.h = props.hue
+      if (props.hue) hsva.h = props.hue
       return hsva
     })