Wrote color values component.

src/providers/SelectedColorProvider.tsx

@@ -0,0 +1,39 @@
+import { createContext, useContext, useReducer } from "react";
+import type { ReactNode } from "react";
+
+import * as colorlib from "colorlib";
+
+import { colorReducer, createColorActions } from "@hooks/color";
+import type { ColorActions } from "@hooks/color";
+
+interface SelectedColorContextType {
+  selectedColor: colorlib.Color;
+  selectedColorActions: ColorActions;
+}
+
+export const SelectedColorContext = createContext<
+  SelectedColorContextType | undefined
+>(undefined);
+
+export const SelectedColorProvider = ({
+  children,
+}: {
+  children: ReactNode;
+}) => {
+  const initialState = {
+    color: colorlib.Color.from_hex("00C9FA"),
+  };
+  const [colorState, colorDispatch] = useReducer(colorReducer, initialState);
+  const colorActions = createColorActions(colorDispatch);
+
+  const value = {
+    selectedColor: colorState.color,
+    selectedColorActions: colorActions,
+  };
+
+  return (
+    <SelectedColorContext.Provider value={value}>
+      {children}
+    </SelectedColorContext.Provider>
+  );
+};