Move javascript color conversion functions to ColorsConvert.js

Helpers/ColorsConvert.js

@@ -1,6 +1,4 @@
-/**
- * Convert hex color to HSL
- */
+// Convert hex color to HSL
 function hexToHSL(hex) {
   const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
   if (!result) return null;
@@ -36,14 +34,13 @@ function hexToHSL(hex) {
   return { h: h * 360, s: s * 100, l: l * 100 };
 }
 
-/**
- * Convert HSL to hex color
- */
+// Convert HSL to hex color
 function hslToHex(h, s, l) {
   const rgb = hslToRgb(h, s, l);
   return rgbToHex(rgb.r, rgb.g, rgb.b);
 }
 
+// Convert hex color to RGB
 function hexToRgb(hex) {
   const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
   return result ? {
@@ -53,6 +50,7 @@ function hexToRgb(hex) {
   } : { r: 0, g: 0, b: 0 };
 }
 
+// Convert RGB to hex color
 function rgbToHex(r, g, b) {
   return "#" + [r, g, b].map(x => {
     const hex = Math.round(Math.max(0, Math.min(255, x))).toString(16);
@@ -60,6 +58,7 @@ function rgbToHex(r, g, b) {
   }).join("");
 }
 
+// Convert RGB to HSL
 function rgbToHsl(r, g, b) {
   r /= 255;
   g /= 255;
@@ -85,6 +84,7 @@ function rgbToHsl(r, g, b) {
   return { h: h * 360, s: s * 100, l: l * 100 };
 }
 
+// Convert HSL to RGB
 function hslToRgb(h, s, l) {
   h /= 360;
   s /= 100;
@@ -115,6 +115,83 @@ function hslToRgb(h, s, l) {
   return { r: r * 255, g: g * 255, b: b * 255 };
 }
 
+// Convert RGB to HSV
+function rgbToHsv(r, g, b) {
+  r /= 255;
+  g /= 255;
+  b /= 255;
+  var max = Math.max(r, g, b), min = Math.min(r, g, b);
+  var h, s, v = max;
+  var d = max - min;
+  s = max === 0 ? 0 : d / max;
+  if (max === min) {
+    h = 0;
+  } else {
+    switch (max) {
+      case r:
+        h = (g - b) / d + (g < b ? 6 : 0);
+        break;
+      case g:
+        h = (b - r) / d + 2;
+        break;
+      case b:
+        h = (r - g) / d + 4;
+        break;
+    }
+    h /= 6;
+  }
+  return [h * 360, s * 100, v * 100];
+}
+
+// Convert HSV to RGB
+function hsvToRgb(h, s, v) {
+  h /= 360;
+  s /= 100;
+  v /= 100;
+
+  var r, g, b;
+  var i = Math.floor(h * 6);
+  var f = h * 6 - i;
+  var p = v * (1 - s);
+  var q = v * (1 - f * s);
+  var t = v * (1 - (1 - f) * s);
+
+  switch (i % 6) {
+    case 0:
+      r = v;
+      g = t;
+      b = p;
+      break;
+    case 1:
+      r = q;
+      g = v;
+      b = p;
+      break;
+    case 2:
+      r = p;
+      g = v;
+      b = t;
+      break;
+    case 3:
+      r = p;
+      g = q;
+      b = v;
+      break;
+    case 4:
+      r = t;
+      g = p;
+      b = v;
+      break;
+    case 5:
+      r = v;
+      g = p;
+      b = q;
+      break;
+  }
+
+  return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
+}
+
 // Calculate relative luminance (WCAG standard)
 function getLuminance(hex) {
   const rgb = hexToRgb(hex);