diff --git a/packages/color-alpha/README.md b/packages/color-alpha/README.md
index 6efc4d49f..ffaf5fe05 100644
--- a/packages/color-alpha/README.md
+++ b/packages/color-alpha/README.md
@@ -3,7 +3,7 @@ React Color Alpha
 
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-alpha)](https://bundlephobia.com/package/@uiw/react-color-alpha) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-alpha.svg)](https://www.npmjs.com/package/@uiw/react-color-alpha) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color/file/README.md)
 
-![image](https://user-images.githubusercontent.com/1680273/124279988-b723c580-db7a-11eb-976f-9cecf2960b5f.png)
+![react-color-alpha](https://user-images.githubusercontent.com/1680273/125951872-e44340be-8406-4c80-8037-0c22d63708ee.png)
 
 ## Install
 
diff --git a/packages/color-circle/README.md b/packages/color-circle/README.md
index 0fb2b5339..cd0e8932b 100644
--- a/packages/color-circle/README.md
+++ b/packages/color-circle/README.md
@@ -3,7 +3,7 @@ React Color Swatch
 
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-circle)](https://bundlephobia.com/package/@uiw/react-color-circle) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-circle.svg)](https://www.npmjs.com/package/@uiw/react-color-circle) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-circle/file/README.md)
 
-![react-color-circle](https://user-images.githubusercontent.com/1680273/125335431-2077b580-e37f-11eb-8027-22e1d7a200eb.png)
+![react-color-circle](https://user-images.githubusercontent.com/1680273/125948967-87e1d2eb-ed51-46c8-9378-9bf964b093ea.png)
 
 ## Install
 
diff --git a/packages/color-colorful/README.md b/packages/color-colorful/README.md
index 07c71ff68..fa44e18cd 100644
--- a/packages/color-colorful/README.md
+++ b/packages/color-colorful/README.md
@@ -3,7 +3,7 @@ React Color Colorful
 
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-colorful)](https://bundlephobia.com/package/@uiw/react-color-colorful) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-colorful.svg)](https://www.npmjs.com/package/@uiw/react-color-colorful) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-colorful/file/README.md)
 
-![image](https://user-images.githubusercontent.com/1680273/125195175-1e323000-e287-11eb-9960-25d51ab68e7b.png)
+![react-color-colorful](https://user-images.githubusercontent.com/1680273/125949419-cdcac5cb-f5a9-47af-956f-4056630503c9.png)
 
 ## Install
 
diff --git a/packages/color-compact/README.md b/packages/color-compact/README.md
index 7fd1b1dfd..4e723273a 100644
--- a/packages/color-compact/README.md
+++ b/packages/color-compact/README.md
@@ -3,7 +3,7 @@ React Color Compact
 
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-compact)](https://bundlephobia.com/package/@uiw/react-color-compact) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-compact.svg)](https://www.npmjs.com/package/@uiw/react-color-compact) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-compact/file/README.md)
 
-![react-color-compact](https://user-images.githubusercontent.com/1680273/125018470-bf629000-e0a7-11eb-8cfb-11c22c6b185b.png)
+![react-color-compact](https://user-images.githubusercontent.com/1680273/125949911-bb919f60-2bf3-487b-9aad-5aef82bcd5ed.png)
 
 ## Install
 
diff --git a/packages/color-editable-input-rgba/README.md b/packages/color-editable-input-rgba/README.md
index 05fccbdfb..6c5a4429b 100644
--- a/packages/color-editable-input-rgba/README.md
+++ b/packages/color-editable-input-rgba/README.md
@@ -3,7 +3,7 @@ React Color Editable Input RGBA
 
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-editable-input)](https://bundlephobia.com/package/@uiw/react-color-editable-input) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-editable-input.svg)](https://www.npmjs.com/package/@uiw/react-color-editable-input) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color/file/README.md)
 
-![react-color-editable-input-rgba](https://user-images.githubusercontent.com/1680273/125201800-2c8e4500-e2a3-11eb-8cb0-7a65cc3ae90d.png)
+![react-color-editable-input-rgba](https://user-images.githubusercontent.com/1680273/125950920-96bbfc1e-031a-4ea2-bfa2-28fab4d3c9d3.png)
 
 ## Install
 
diff --git a/packages/color-editable-input/README.md b/packages/color-editable-input/README.md
index 502cba25c..0a06c5195 100644
--- a/packages/color-editable-input/README.md
+++ b/packages/color-editable-input/README.md
@@ -3,7 +3,7 @@ React Color Editable Input
 
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-editable-input)](https://bundlephobia.com/package/@uiw/react-color-editable-input) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-editable-input.svg)](https://www.npmjs.com/package/@uiw/react-color-editable-input) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color/file/README.md)
 
-![editable-input](https://user-images.githubusercontent.com/1680273/124878498-c1bcdf80-dffe-11eb-8164-d752a8109db9.png)
+![editable-input](https://user-images.githubusercontent.com/1680273/125950802-3feb68a9-23ca-4395-9477-72ade831dc0b.png)
 
 ## Install
 
diff --git a/packages/color-github/README.md b/packages/color-github/README.md
index 593cd3357..0e917f56c 100644
--- a/packages/color-github/README.md
+++ b/packages/color-github/README.md
@@ -3,7 +3,7 @@ React Color Github
 
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-github)](https://bundlephobia.com/package/@uiw/react-color-github) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-github.svg)](https://www.npmjs.com/package/@uiw/react-color-github) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-github/file/README.md)
 
-![react-color-github](https://user-images.githubusercontent.com/1680273/125948570-e08efda9-ccb8-4d7d-9c3b-77dc948bd10c.png)
+![react-color-github](https://user-images.githubusercontent.com/1680273/125949553-67c1adef-b37f-43e2-9414-3ffb77c26ba0.png)
 
 ## Install
 
diff --git a/packages/color-hue/README.md b/packages/color-hue/README.md
index e49669c35..de8abc3d8 100644
--- a/packages/color-hue/README.md
+++ b/packages/color-hue/README.md
@@ -3,7 +3,7 @@ React Color Hue
 
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-hue)](https://bundlephobia.com/package/@uiw/react-color-hue) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-hue.svg)](https://www.npmjs.com/package/@uiw/react-color-hue) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-hue/file/README.md)
 
-![image](https://user-images.githubusercontent.com/1680273/124279725-6a3fef00-db7a-11eb-95b7-fba428a7c2ba.png)
+![react-color-hue](https://user-images.githubusercontent.com/1680273/125951739-e38dad1a-5d11-4e4b-a146-3365bd0d98fb.png)
 
 ## Install
 
diff --git a/packages/color-material/README.md b/packages/color-material/README.md
index 9b317e5b7..914d1fe29 100644
--- a/packages/color-material/README.md
+++ b/packages/color-material/README.md
@@ -3,7 +3,7 @@ React Color Material
 
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-material)](https://bundlephobia.com/package/@uiw/react-color-material) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-material.svg)](https://www.npmjs.com/package/@uiw/react-color-material) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-material/file/README.md)
 
-![react-color-material](https://user-images.githubusercontent.com/1680273/125121610-c1b7ff00-e126-11eb-8928-0b2817f07e1a.png)
+![react-color-material](https://user-images.githubusercontent.com/1680273/125949704-6fdaa53b-6cae-4ef5-8e5d-f12a09152528.png)
 
 ## Install
 
diff --git a/packages/color-saturation/README.md b/packages/color-saturation/README.md
index 13daadb21..e72d8111e 100644
--- a/packages/color-saturation/README.md
+++ b/packages/color-saturation/README.md
@@ -3,7 +3,7 @@ React Color Saturation
 
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-saturation)](https://bundlephobia.com/package/@uiw/react-color-saturation) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-saturation.svg)](https://www.npmjs.com/package/@uiw/react-color-saturation) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-saturation/file/README.md)
 
-![image](https://user-images.githubusercontent.com/1680273/124278948-7d05f400-db79-11eb-9358-e290a0b636a2.png)
+![react-color-saturation](https://user-images.githubusercontent.com/1680273/125951532-ee5bb5df-1d1f-43ed-a4be-e7e8818bf897.png)
 
 ## Install
 
diff --git a/packages/color-shade-slider/README.md b/packages/color-shade-slider/README.md
index 03344d1c3..fa9ca21d6 100644
--- a/packages/color-shade-slider/README.md
+++ b/packages/color-shade-slider/README.md
@@ -3,7 +3,7 @@ React Color Shade Slider
 
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-shade-slider)](https://bundlephobia.com/package/@uiw/react-color-shade-slider) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-shade-slider.svg)](https://www.npmjs.com/package/@uiw/react-color-shade-slider) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-shade-slider/file/README.md)
 
-![image](https://user-images.githubusercontent.com/1680273/124280065-d3276700-db7a-11eb-8640-fc756b80ed1c.png)
+![react-color-shade-slider](https://user-images.githubusercontent.com/1680273/125951397-89e90c05-1de2-4da7-81ed-4b77980482a0.png)
 
 ## Install
 
diff --git a/packages/color-sketch/README.md b/packages/color-sketch/README.md
index b87c4074d..2056d9c1f 100644
--- a/packages/color-sketch/README.md
+++ b/packages/color-sketch/README.md
@@ -3,7 +3,7 @@ React Color Sketch
 
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-sketch)](https://bundlephobia.com/package/@uiw/react-color-sketch) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-sketch.svg)](https://www.npmjs.com/package/@uiw/react-color-sketch) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-sketch/file/README.md)
 
-![react-color-sketch](https://user-images.githubusercontent.com/1680273/125033823-681de900-e0c2-11eb-89e1-5f0597086c8d.png)
+![react-color-sketch](https://user-images.githubusercontent.com/1680273/125952146-290199b4-8810-4552-944b-3ee673fb4350.png)
 
 ## Install
 
diff --git a/packages/color-slider/README.md b/packages/color-slider/README.md
index 0f6d02d12..741d85f77 100644
--- a/packages/color-slider/README.md
+++ b/packages/color-slider/README.md
@@ -3,7 +3,7 @@ React Color Slider
 
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-slider)](https://bundlephobia.com/package/@uiw/react-color-slider) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-slider.svg)](https://www.npmjs.com/package/@uiw/react-color-slider) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-slider/file/README.md)
 
-![image](https://user-images.githubusercontent.com/1680273/124280065-d3276700-db7a-11eb-8640-fc756b80ed1c.png)
+![react-color-slider](https://user-images.githubusercontent.com/1680273/125950115-1ef0c47b-e856-481a-b57e-d8168d41872b.png)
 
 ## Install
 
diff --git a/packages/color-swatch/README.md b/packages/color-swatch/README.md
index b4c2588ba..23493b8ec 100644
--- a/packages/color-swatch/README.md
+++ b/packages/color-swatch/README.md
@@ -3,7 +3,7 @@ React Color Swatch
 
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-swatch)](https://bundlephobia.com/package/@uiw/react-color-swatch) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-swatch.svg)](https://www.npmjs.com/package/@uiw/react-color-swatch) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-swatch/file/README.md)
 
-![react-color-swatch](https://user-images.githubusercontent.com/1680273/125317798-d9cc9000-e36b-11eb-84a7-34f998957db9.png)
+![react-color-swatch](https://user-images.githubusercontent.com/1680273/125950289-f965e6c2-c21f-4b5c-a05c-a27aa07e738f.png)
 
 ## Install
 
diff --git a/packages/color-wheel/README.md b/packages/color-wheel/README.md
index e73b6c1de..d4ffcc2e1 100644
--- a/packages/color-wheel/README.md
+++ b/packages/color-wheel/README.md
@@ -3,7 +3,7 @@ React Color Wheel
 
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-wheel)](https://bundlephobia.com/package/@uiw/react-color-wheel) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-wheel.svg)](https://www.npmjs.com/package/@uiw/react-color-wheel) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-color-wheel/file/README.md)
 
-![react-color-wheel](https://user-images.githubusercontent.com/1680273/125589952-2c858111-ee0a-4691-934f-64b8d3a2256c.png)
+![react-color-wheel](https://user-images.githubusercontent.com/1680273/125949147-ab96c3d8-1490-4418-b2cf-3f347993bdcb.png)
 
 ## Install