Set rgb and hsv when hex change

raqso · raqso · commit ee7627596578 · 2020-06-09T10:54:32.000+02:00
diff --git a/src/color-picker.js b/src/color-picker.js
@@ -39,7 +39,9 @@ const ColorPicker = ({ color, onChange }) => {
   }
 
   function changeHex(hex) {
-    changeColor({ ...color, hex });
+    const {r, g, b} = hex2rgb(hex);
+    const {h, s, v} = rgb2hsv(r, g, b);
+    changeColor({ ...color, r, g, b, h, s, v, hex });
   }
 
   function handleHexKeyUp(e) {

Original file line number	Diff line number	Diff line change
`@@ -39,7 +39,9 @@ const ColorPicker = ({ color, onChange }) => {`
`39`	`39`	`}`
`40`	`40`
`41`	`41`	`function changeHex(hex) {`
`42`		`- changeColor({ ...color, hex });`
	`42`	`+ const {r, g, b} = hex2rgb(hex);`
	`43`	`+ const {h, s, v} = rgb2hsv(r, g, b);`
	`44`	`+ changeColor({ ...color, r, g, b, h, s, v, hex });`
`43`	`45`	`}`
`44`	`46`
`45`	`47`	`function handleHexKeyUp(e) {`