ColorChange.diff

@@ -9,8 +9,8 @@ export const ColorToolApp = () => {

   return (
     <main>
-      <HexInput hex={hex} setHex={setHex} />
-      <RgbaInput rgba={rgba} setRgba={setRgba} />
+      <HexInput hex={hex} setHex={setHex} setRgba={setRgba} />
+      <RgbaInput rgba={rgba} setRgba={setRgba} setHex={setHex} />
     </main>
   );
 };
 
 @@ -1,8 +1,9 @@
 import React from 'react';

-export const HexInput = ({ hex, setHex }) => {
+export const HexInput = ({ hex, setHex, setRgba }) => {
   const onChange = ({ target: { value } }) => {
     setHex(value);
+    setRgba(value);
   };

   return (