diff --git a/package.json b/package.json
index fabd94b..ea4e855 100644
--- a/package.json
+++ b/package.json
@@ -16,14 +16,12 @@
   },
   "dependencies": {
     "@tauri-apps/api": "^1.5.3",
-    "color-convert": "^2.0.1",
     "dayjs": "^1.11.10",
     "solid-icons": "^1.1.0",
     "solid-js": "^1.8.16"
   },
   "devDependencies": {
     "@tauri-apps/cli": "^1.5.11",
-    "@types/color-convert": "^2.0.3",
     "autoprefixer": "^10.4.19",
     "postcss": "^8.4.38",
     "prettier": "^3.2.5",
diff --git a/src/components/pages/app/Clipboards.tsx b/src/components/pages/app/Clipboards.tsx
index 287a2fb..850e496 100644
--- a/src/components/pages/app/Clipboards.tsx
+++ b/src/components/pages/app/Clipboards.tsx
@@ -13,7 +13,7 @@ import clippy from "../../../assets/clippy.png";
 import ClipboardStore from "../../../store/ClipboardStore";
 import HotkeyStore from "../../../store/HotkeyStore";
 import { formatBytes } from "../../../utils/helpers";
-import { hsvToRgbString, hwbToRgbString } from "../../../utils/convertors";
+import { hsvToRgbString, hwbToRgbString } from "../../../utils/colors";
 
 dayjs.extend(utc);
 dayjs.extend(relativeTime);
diff --git a/src/utils/colors.ts b/src/utils/colors.ts
new file mode 100644
index 0000000..a96c0d1
--- /dev/null
+++ b/src/utils/colors.ts
@@ -0,0 +1,97 @@
+export function hsvToRgbString(hsvString: string): string {
+    // Parse HSV values from input string
+    const hsvRegex = /hsv\((\d+),\s*(\d+)%?,\s*(\d+)%?\)/;
+    const match = hsvString.match(hsvRegex);
+    if (!match) {
+        return "";
+    }
+
+    const hue: number = parseInt(match[1]);
+    const saturation: number = parseInt(match[2]) / 100;
+    const value: number = parseInt(match[3]) / 100;
+
+    const chroma: number = value * saturation;
+    const hueSegment: number = hue / 60;
+    const x: number = chroma * (1 - Math.abs((hueSegment % 2) - 1));
+    const m: number = value - chroma;
+
+    let red: number = 0;
+    let green: number = 0;
+    let blue: number = 0;
+
+    if (hueSegment >= 0 && hueSegment < 1) {
+        red = chroma;
+        green = x;
+    } else if (hueSegment >= 1 && hueSegment < 2) {
+        red = x;
+        green = chroma;
+    } else if (hueSegment >= 2 && hueSegment < 3) {
+        green = chroma;
+        blue = x;
+    } else if (hueSegment >= 3 && hueSegment < 4) {
+        green = x;
+        blue = chroma;
+    } else if (hueSegment >= 4 && hueSegment < 5) {
+        red = x;
+        blue = chroma;
+    } else {
+        red = chroma;
+        blue = x;
+    }
+
+    red = Math.round((red + m) * 255);
+    green = Math.round((green + m) * 255);
+    blue = Math.round((blue + m) * 255);
+
+    const rgbString: string = `rgb(${red}, ${green}, ${blue})`;
+    return rgbString;
+}
+
+export function hwbToRgbString(hwbString: string): string {
+    // Parse HWB values from input string
+    const hwbRegex = /hwb\((\d+),\s*(\d+\.?\d*?)%,\s*(\d+\.?\d*?)%\)/;
+    const match = hwbString.match(hwbRegex);
+    if (!match) {
+        return "";
+    }
+
+    const hue: number = parseFloat(match[1]);
+    const whiteness: number = parseFloat(match[2]) / 100;
+    const blackness: number = parseFloat(match[3]) / 100;
+
+    const chroma: number = 1 - whiteness - blackness;
+    const hueSegment: number = hue / 60;
+    const x: number = chroma * (1 - Math.abs((hueSegment % 2) - 1));
+    const m: number = 1 - chroma;
+
+    let red: number = 0;
+    let green: number = 0;
+    let blue: number = 0;
+
+    if (hueSegment >= 0 && hueSegment < 1) {
+        red = chroma;
+        green = x;
+    } else if (hueSegment >= 1 && hueSegment < 2) {
+        red = x;
+        green = chroma;
+    } else if (hueSegment >= 2 && hueSegment < 3) {
+        green = chroma;
+        blue = x;
+    } else if (hueSegment >= 3 && hueSegment < 4) {
+        green = x;
+        blue = chroma;
+    } else if (hueSegment >= 4 && hueSegment < 5) {
+        red = x;
+        blue = chroma;
+    } else {
+        red = chroma;
+        blue = x;
+    }
+
+    red = Math.round((red + whiteness) * 255);
+    green = Math.round((green + whiteness) * 255);
+    blue = Math.round((blue + whiteness) * 255);
+
+    const rgbString: string = `rgb(${red}, ${green}, ${blue})`;
+    return rgbString;
+}
\ No newline at end of file
diff --git a/src/utils/convertors.ts b/src/utils/convertors.ts
deleted file mode 100644
index 8b9aa26..0000000
--- a/src/utils/convertors.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { hsv, hwb } from 'color-convert';
-
-export function hsvToRgbString(hsvString: string): string {
-
-    // Parse HSV values from input string
-    const hsvRegex = /hsv\((\d+),\s*(\d+),\s*(\d+)\)/;
-    const match = hsvString.match(hsvRegex);
-    if (!match) {
-        return "";
-    }
-
-    const hue: number = parseInt(match[1]);
-    const saturation: number = parseInt(match[2]);
-    const value: number = parseInt(match[3]);
-
-    const [red, green, blue] = hsv.rgb([hue, saturation, value]);
-
-    const rgbString: string = `rgb(${red}, ${green}, ${blue})`;
-    return rgbString;
-}
-
-export function hwbToRgbString(hwbString: string): string {
-
-    // Parse HWB values from input string
-    const hwbRegex = /hwb\((\d+),\s*(\d+\.?\d*?)%,\s*(\d+\.?\d*?)%\)/;
-    const match = hwbString.match(hwbRegex);
-    if (!match) {
-        return "";
-    }
-
-    const hue: number = parseFloat(match[1]);
-    const whiteness: number = parseFloat(match[2]);
-    const blackness: number = parseFloat(match[3]);
-
-    const [red, green, blue] = hwb.rgb([hue, whiteness, blackness]);
-
-    const rgbString: string = `rgb(${red}, ${green}, ${blue})`;
-    return rgbString;
-}