@ledvance/base 1.2.83 → 1.2.84

package/src/utils/ColorUtils.tsx

@@ -1,449 +1,449 @@
-const RGB_MAX = 255.0
-const HUE_MAX = 360.0
-const SV_MAX = 100.0
-
-export default class ColorUtils {
-  static rgb2Hsl = function (r, g?: any, b?: any) {
-    if (typeof r === 'object') {
-      const args = r
-      r = args.r
-      g = args.g
-      b = args.b
-    }
-    // It converts [0,255] format, to [0,1]
-    r = (r === RGB_MAX) ? 1 : (r % RGB_MAX / RGB_MAX)
-    g = (g === RGB_MAX) ? 1 : (g % RGB_MAX / RGB_MAX)
-    b = (b === RGB_MAX) ? 1 : (b % RGB_MAX / RGB_MAX)
-
-    const max = Math.max(r, g, b)
-    const min = Math.min(r, g, b)
-    let h, s, l = (max + min) / 2
-
-    if (max === min) {
-      h = s = 0 // achromatic
-    } else {
-      const d = max - min
-      s = l > 0.5 ? d / (2 - max - min) : d / (max + min)
-      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: Math.round(h * HUE_MAX),
-      s: Math.round(s * SV_MAX),
-      l: Math.round(l * SV_MAX),
-    }
-  }
-
-  static rgb2Hsv = function (r, g, b) {
-    if (typeof r === 'object') {
-      const args = r
-      r = args.r
-      g = args.g
-      b = args.b
-    }
-
-    // It converts [0,255] format, to [0,1]
-    r = (r === RGB_MAX) ? 1 : (r % RGB_MAX / RGB_MAX)
-    g = (g === RGB_MAX) ? 1 : (g % RGB_MAX / RGB_MAX)
-    b = (b === RGB_MAX) ? 1 : (b % RGB_MAX / RGB_MAX)
-
-    const max = Math.max(r, g, b)
-    const min = Math.min(r, g, b)
-    let h, s, v = max
-
-    const d = max - min
-
-    s = max === 0 ? 0 : d / max
-
-    if (max === min) {
-      h = 0 // achromatic
-    } 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: Math.round(h * HUE_MAX),
-      s: Math.round(s * SV_MAX),
-      v: Math.round(v * SV_MAX),
-    }
-  }
-
-  static hsl2Rgb = function (h, s, l) {
-    if (typeof h === 'object') {
-      const args = h
-      h = args.h
-      s = args.s
-      l = args.l
-    }
-
-    var r, g, b
-
-    h = _normalizeAngle(h)
-    h = (h === HUE_MAX) ? 1 : (h % HUE_MAX / (HUE_MAX))
-    s = (s === SV_MAX) ? 1 : (s % SV_MAX / (SV_MAX))
-    l = (l === SV_MAX) ? 1 : (l % SV_MAX / (SV_MAX))
-
-    if (s === 0) {
-      r = g = b = l // achromatic
-    } else {
-      var q = l < 0.5 ? l * (1 + s) : l + s - l * s
-      var p = 2 * l - q
-      r = _hue2Rgb(p, q, h + 1 / 3)
-      g = _hue2Rgb(p, q, h)
-      b = _hue2Rgb(p, q, h - 1 / 3)
-    }
-
-    return {
-      r: Math.round(r * RGB_MAX),
-      g: Math.round(g * RGB_MAX),
-      b: Math.round(b * RGB_MAX),
-    }
-  }
-
-  static hsv2Rgb = function (h, s, v) {
-    if (typeof h === 'object') {
-      const args = h
-      h = args.h
-      s = args.s
-      v = args.v
-    }
-
-    h = _normalizeAngle(h)
-    h = (h === HUE_MAX) ? 1 : (h % HUE_MAX / (HUE_MAX) * 6)
-    s = (s === SV_MAX) ? 1 : (s % SV_MAX / (SV_MAX))
-    v = (v === SV_MAX) ? 1 : (v % SV_MAX / (SV_MAX))
-
-    var i = Math.floor(h)
-    var f = h - i
-    var p = v * (1 - s)
-    var q = v * (1 - f * s)
-    var t = v * (1 - (1 - f) * s)
-    var mod = i % 6
-    var r = [v, q, p, p, t, v][mod]
-    var g = [t, v, v, q, p, p][mod]
-    var b = [p, p, t, v, v, q][mod]
-
-    return {
-      r: Math.floor(r * RGB_MAX),
-      g: Math.floor(g * RGB_MAX),
-      b: Math.floor(b * RGB_MAX),
-    }
-  }
-
-  static rgb2Hex = function (r, g, b) {
-    if (typeof r === 'object') {
-      const args = r
-      r = args.r
-      g = args.g
-      b = args.b
-    }
-    r = Math.round(r).toString(16)
-    g = Math.round(g).toString(16)
-    b = Math.round(b).toString(16)
-
-    r = r.length === 1 ? '0' + r : r
-    g = g.length === 1 ? '0' + g : g
-    b = b.length === 1 ? '0' + b : b
-
-    return '#' + r + g + b
-  }
-
-  static hex2Rgb = function (hex) {
-    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex)
-    return result ? {
-      r: parseInt(result[1], 16),
-      g: parseInt(result[2], 16),
-      b: parseInt(result[3], 16),
-    } : null
-  }
-
-  static hsv2Hex = function (h, s?: any, v?: any) {
-    const rgb = ColorUtils.hsv2Rgb(h, s, v)
-    return ColorUtils.rgb2Hex(rgb.r, rgb.g, rgb.b)
-  }
-
-  static hex2Hsv = function (hex) {
-    const rgb = ColorUtils.hex2Rgb(hex)!!
-    return ColorUtils.rgb2Hsv(rgb.r, rgb.g, rgb.b)
-  }
-
-  static hsl2Hex = function (h, s, l) {
-    const rgb = ColorUtils.hsl2Rgb(h, s, l)
-    return ColorUtils.rgb2Hex(rgb.r, rgb.g, rgb.b)
-  }
-
-  static hex2Hsl = function (hex) {
-    const rgb = ColorUtils.hex2Rgb(hex)!!
-    return ColorUtils.rgb2Hsl(rgb.r, rgb.g, rgb.b)
-  }
-
-  static rgb2Cmyk = function (r, g, b) {
-    if (typeof r === 'object') {
-      const args = r
-      r = args.r
-      g = args.g
-      b = args.b
-    }
-
-    const rprim = r / 255
-    const gprim = g / 255
-    const bprim = b / 255
-
-    const k = 1 - Math.max(rprim, gprim, bprim)
-
-    const c = (1 - rprim - k) / (1 - k)
-    const m = (1 - gprim - k) / (1 - k)
-    const y = (1 - bprim - k) / (1 - k)
-
-    return {
-      c: c.toFixed(3),
-      m: m.toFixed(3),
-      y: y.toFixed(3),
-      k: k.toFixed(3),
-    }
-  }
-
-  static cmyk2Rgb = function (c?: any, m?: any, y?: any, k?: any) {
-    if (typeof c === 'object') {
-      const args = c
-      c = args.c
-      m = args.m
-      y = args.y
-      k = args.k
-    }
-
-    var r = 255 * (1 - c) * (1 - k)
-    var g = 255 * (1 - m) * (1 - k)
-    var b = 255 * (1 - y) * (1 - k)
-
-    return {
-      r: Math.floor(r),
-      g: Math.floor(g),
-      b: Math.floor(b),
-    }
-  }
-
-  static hsv2Hsl = function (h, s?: any, v?: any) {
-    if (typeof h === 'object') {
-      const args = h
-      h = args.h
-      s = args.s
-      v = args.v
-    }
-
-    var l = (2 - s) * v / 2
-
-    if (l !== 0) {
-      if (l === SV_MAX) {
-        s = 0
-      } else if (l < SV_MAX / 2) {
-        s = s * v / (l * 2)
-      } else {
-        s = s * v / (2 - l * 2)
-      }
-    }
-
-    return {h: h, s: s, l: l}
-  }
-
-  static hsl2Hsv = function (h, s, l) {
-    if (typeof h === 'object') {
-      const args = h
-      h = args.h
-      s = args.s
-      l = args.l
-    }
-
-    s = s * (l < 50 ? l : (100 - l))
-
-    return {
-      h: h,
-      s: Math.floor(2 * s / (l + s)),
-      v: Math.floor(l + s),
-    }
-  }
-
-  static parseCss = function (cssString) {
-    if (cssString.indexOf('#') > -1) {
-      return ColorUtils.hex2Rgb(cssString)
-    }
-
-    const prefix = cssString.split('(')[0]
-    const args = cssString.split('(')[1].split(')')[0].split(',')
-
-    // Use the prefix as an array [r, g, b, a] to parse the colours
-    return prefix.split('').reduce(function (color, param, idx) {
-      const nextColor = color
-      nextColor[param] = parseFloat(args[idx])
-      return nextColor
-    }, {})
-  }
-
-  static stringify = function (obj) {
-    const prefix = Object.keys(obj).join('')
-    const values = Object.keys(obj).map(function (key) {
-      var val = obj[key]
-      if (key === 's' || key === 'v' || key === 'l') {
-        val = val + '%'
-      }
-      return val
-    })
-    return prefix + '(' + values.join(', ') + ')'
-  }
-
-  static hex2Decimal = function (hexColor) {
-    if (typeof hexColor === 'string') {
-      return parseInt(hexColor.replace('#', ''), 16)
-    }
-  }
-
-  static decimal2Hex = function (decimalColor) {
-    if (typeof decimalColor === 'string') {
-      return '#' + parseInt(decimalColor).toString(16)
-    }
-    return '#' + decimalColor.toString(16)
-  }
-
-  static random = function () {
-    const base = '000000'
-    const number = Math.floor(Math.random() * 16777215).toString(16)
-    return '#' + (base + number).substr(-6)
-  }
-
-  static rotateHue = function (hue, amount) {
-    if (amount === void 0) {
-      amount = 0
-    }
-    const aux = typeof hue === 'object'
-      ? (hue.h + amount) % 360
-      : (hue + amount) % 360
-
-    const nextHue = aux < 0 ? (360 + aux) : aux
-    return typeof hue === 'object'
-      ? Object.assign(hue, {h: nextHue})
-      : nextHue
-  }
-
-  static getColorEncoding = function (color) {
-    if (typeof color === 'string') {
-      try {
-        ColorUtils.hex2Rgb(color)
-        return 'hex'
-      } catch (err) { /* Silent catch */
-      }
-    }
-
-    if (typeof color !== 'object') {
-      return 'unknown'
-    }
-
-    // Now check that the sum of the components is still a number
-    // And different than NaN (for that the boolean check)
-    const c = color
-
-    if ((c.r + c.g + c.b) && typeof (c.r + c.g + c.b) === 'number') {
-      return 'rgb'
-    }
-
-    if ((c.h + c.s + c.v) && typeof (c.h + c.s + c.v) === 'number') {
-      return 'hsv'
-    }
-
-    if ((c.h + c.s + c.l) && typeof (c.h + c.s + c.l) === 'number') {
-      return 'hsl'
-    }
-
-    if ((c.c + c.m + c.y + c.k) && typeof (c.c + c.m + c.y + c.k) === 'number') {
-      return 'cmyk'
-    }
-
-    return 'unknown'
-  }
-
-  static any2Hsl = function (color) {
-    const colorEncoding = ColorUtils.getColorEncoding(color)
-
-    switch (colorEncoding) {
-      case 'hsl':
-        return color
-      case 'rgb':
-        return ColorUtils.rgb2Hsl(color)
-      case 'hex':
-        return ColorUtils.hex2Hsl(color)
-      case 'hsv':
-        return ColorUtils.hsv2Hsl(color)
-      case 'cmyk':
-        return ColorUtils.rgb2Hsl(ColorUtils.cmyk2Rgb(color))
-      default:
-        return 'unknown'
-    }
-  }
-
-  static getTransformEncodingFunction = function (color, desiredEncoding) {
-    const originalEncoding = ColorUtils.getColorEncoding(color)
-    return ColorUtils[originalEncoding + '_to_' + desiredEncoding]
-  }
-
-  static darken = function (color, percentage) {
-    const encoding = ColorUtils.getColorEncoding(color)
-
-    if (encoding === 'unknown') {
-      return color
-    }
-
-    // Missing transformation function between hsl and cmyk
-    // Also, this algo is simple and precise
-    if (encoding === 'cmyk') {
-      const nextCmyk = color
-      nextCmyk.k = Math.min(100, 100 * percentage + nextCmyk.k)
-      return nextCmyk
-    }
-
-    const hsl = ColorUtils.any2Hsl(color)
-    const nextHsl = {h: hsl.h, s: hsl.s, l: Math.round(hsl.l * (1 - percentage))}
-
-    const transformFn = encoding === 'hsl'
-      ? c => c // If HSL return as incame
-      : ColorUtils.getTransformEncodingFunction(nextHsl, encoding)
-
-    if (typeof transformFn !== 'function') {
-      return color
-    }
-    return transformFn(nextHsl)
-  }
-}
-
-function _normalizeAngle(degrees) {
-  return (degrees % 360 + 360) % 360
-}
-
-function _hue2Rgb(p, q, t) {
-  if (t < 0) t += 1
-  if (t > 1) t -= 1
-  if (t < 1 / 6) return p + (q - p) * 6 * t
-  if (t < 1 / 2) return q
-  if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6
-  return p
+const RGB_MAX = 255.0
+const HUE_MAX = 360.0
+const SV_MAX = 100.0
+
+export default class ColorUtils {
+  static rgb2Hsl = function (r, g?: any, b?: any) {
+    if (typeof r === 'object') {
+      const args = r
+      r = args.r
+      g = args.g
+      b = args.b
+    }
+    // It converts [0,255] format, to [0,1]
+    r = (r === RGB_MAX) ? 1 : (r % RGB_MAX / RGB_MAX)
+    g = (g === RGB_MAX) ? 1 : (g % RGB_MAX / RGB_MAX)
+    b = (b === RGB_MAX) ? 1 : (b % RGB_MAX / RGB_MAX)
+
+    const max = Math.max(r, g, b)
+    const min = Math.min(r, g, b)
+    let h, s, l = (max + min) / 2
+
+    if (max === min) {
+      h = s = 0 // achromatic
+    } else {
+      const d = max - min
+      s = l > 0.5 ? d / (2 - max - min) : d / (max + min)
+      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: Math.round(h * HUE_MAX),
+      s: Math.round(s * SV_MAX),
+      l: Math.round(l * SV_MAX),
+    }
+  }
+
+  static rgb2Hsv = function (r, g, b) {
+    if (typeof r === 'object') {
+      const args = r
+      r = args.r
+      g = args.g
+      b = args.b
+    }
+
+    // It converts [0,255] format, to [0,1]
+    r = (r === RGB_MAX) ? 1 : (r % RGB_MAX / RGB_MAX)
+    g = (g === RGB_MAX) ? 1 : (g % RGB_MAX / RGB_MAX)
+    b = (b === RGB_MAX) ? 1 : (b % RGB_MAX / RGB_MAX)
+
+    const max = Math.max(r, g, b)
+    const min = Math.min(r, g, b)
+    let h, s, v = max
+
+    const d = max - min
+
+    s = max === 0 ? 0 : d / max
+
+    if (max === min) {
+      h = 0 // achromatic
+    } 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: Math.round(h * HUE_MAX),
+      s: Math.round(s * SV_MAX),
+      v: Math.round(v * SV_MAX),
+    }
+  }
+
+  static hsl2Rgb = function (h, s, l) {
+    if (typeof h === 'object') {
+      const args = h
+      h = args.h
+      s = args.s
+      l = args.l
+    }
+
+    var r, g, b
+
+    h = _normalizeAngle(h)
+    h = (h === HUE_MAX) ? 1 : (h % HUE_MAX / (HUE_MAX))
+    s = (s === SV_MAX) ? 1 : (s % SV_MAX / (SV_MAX))
+    l = (l === SV_MAX) ? 1 : (l % SV_MAX / (SV_MAX))
+
+    if (s === 0) {
+      r = g = b = l // achromatic
+    } else {
+      var q = l < 0.5 ? l * (1 + s) : l + s - l * s
+      var p = 2 * l - q
+      r = _hue2Rgb(p, q, h + 1 / 3)
+      g = _hue2Rgb(p, q, h)
+      b = _hue2Rgb(p, q, h - 1 / 3)
+    }
+
+    return {
+      r: Math.round(r * RGB_MAX),
+      g: Math.round(g * RGB_MAX),
+      b: Math.round(b * RGB_MAX),
+    }
+  }
+
+  static hsv2Rgb = function (h, s, v) {
+    if (typeof h === 'object') {
+      const args = h
+      h = args.h
+      s = args.s
+      v = args.v
+    }
+
+    h = _normalizeAngle(h)
+    h = (h === HUE_MAX) ? 1 : (h % HUE_MAX / (HUE_MAX) * 6)
+    s = (s === SV_MAX) ? 1 : (s % SV_MAX / (SV_MAX))
+    v = (v === SV_MAX) ? 1 : (v % SV_MAX / (SV_MAX))
+
+    var i = Math.floor(h)
+    var f = h - i
+    var p = v * (1 - s)
+    var q = v * (1 - f * s)
+    var t = v * (1 - (1 - f) * s)
+    var mod = i % 6
+    var r = [v, q, p, p, t, v][mod]
+    var g = [t, v, v, q, p, p][mod]
+    var b = [p, p, t, v, v, q][mod]
+
+    return {
+      r: Math.floor(r * RGB_MAX),
+      g: Math.floor(g * RGB_MAX),
+      b: Math.floor(b * RGB_MAX),
+    }
+  }
+
+  static rgb2Hex = function (r, g, b) {
+    if (typeof r === 'object') {
+      const args = r
+      r = args.r
+      g = args.g
+      b = args.b
+    }
+    r = Math.round(r).toString(16)
+    g = Math.round(g).toString(16)
+    b = Math.round(b).toString(16)
+
+    r = r.length === 1 ? '0' + r : r
+    g = g.length === 1 ? '0' + g : g
+    b = b.length === 1 ? '0' + b : b
+
+    return '#' + r + g + b
+  }
+
+  static hex2Rgb = function (hex) {
+    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex)
+    return result ? {
+      r: parseInt(result[1], 16),
+      g: parseInt(result[2], 16),
+      b: parseInt(result[3], 16),
+    } : null
+  }
+
+  static hsv2Hex = function (h, s?: any, v?: any) {
+    const rgb = ColorUtils.hsv2Rgb(h, s, v)
+    return ColorUtils.rgb2Hex(rgb.r, rgb.g, rgb.b)
+  }
+
+  static hex2Hsv = function (hex) {
+    const rgb = ColorUtils.hex2Rgb(hex)!!
+    return ColorUtils.rgb2Hsv(rgb.r, rgb.g, rgb.b)
+  }
+
+  static hsl2Hex = function (h, s, l) {
+    const rgb = ColorUtils.hsl2Rgb(h, s, l)
+    return ColorUtils.rgb2Hex(rgb.r, rgb.g, rgb.b)
+  }
+
+  static hex2Hsl = function (hex) {
+    const rgb = ColorUtils.hex2Rgb(hex)!!
+    return ColorUtils.rgb2Hsl(rgb.r, rgb.g, rgb.b)
+  }
+
+  static rgb2Cmyk = function (r, g, b) {
+    if (typeof r === 'object') {
+      const args = r
+      r = args.r
+      g = args.g
+      b = args.b
+    }
+
+    const rprim = r / 255
+    const gprim = g / 255
+    const bprim = b / 255
+
+    const k = 1 - Math.max(rprim, gprim, bprim)
+
+    const c = (1 - rprim - k) / (1 - k)
+    const m = (1 - gprim - k) / (1 - k)
+    const y = (1 - bprim - k) / (1 - k)
+
+    return {
+      c: c.toFixed(3),
+      m: m.toFixed(3),
+      y: y.toFixed(3),
+      k: k.toFixed(3),
+    }
+  }
+
+  static cmyk2Rgb = function (c?: any, m?: any, y?: any, k?: any) {
+    if (typeof c === 'object') {
+      const args = c
+      c = args.c
+      m = args.m
+      y = args.y
+      k = args.k
+    }
+
+    var r = 255 * (1 - c) * (1 - k)
+    var g = 255 * (1 - m) * (1 - k)
+    var b = 255 * (1 - y) * (1 - k)
+
+    return {
+      r: Math.floor(r),
+      g: Math.floor(g),
+      b: Math.floor(b),
+    }
+  }
+
+  static hsv2Hsl = function (h, s?: any, v?: any) {
+    if (typeof h === 'object') {
+      const args = h
+      h = args.h
+      s = args.s
+      v = args.v
+    }
+
+    var l = (2 - s) * v / 2
+
+    if (l !== 0) {
+      if (l === SV_MAX) {
+        s = 0
+      } else if (l < SV_MAX / 2) {
+        s = s * v / (l * 2)
+      } else {
+        s = s * v / (2 - l * 2)
+      }
+    }
+
+    return {h: h, s: s, l: l}
+  }
+
+  static hsl2Hsv = function (h, s, l) {
+    if (typeof h === 'object') {
+      const args = h
+      h = args.h
+      s = args.s
+      l = args.l
+    }
+
+    s = s * (l < 50 ? l : (100 - l))
+
+    return {
+      h: h,
+      s: Math.floor(2 * s / (l + s)),
+      v: Math.floor(l + s),
+    }
+  }
+
+  static parseCss = function (cssString) {
+    if (cssString.indexOf('#') > -1) {
+      return ColorUtils.hex2Rgb(cssString)
+    }
+
+    const prefix = cssString.split('(')[0]
+    const args = cssString.split('(')[1].split(')')[0].split(',')
+
+    // Use the prefix as an array [r, g, b, a] to parse the colours
+    return prefix.split('').reduce(function (color, param, idx) {
+      const nextColor = color
+      nextColor[param] = parseFloat(args[idx])
+      return nextColor
+    }, {})
+  }
+
+  static stringify = function (obj) {
+    const prefix = Object.keys(obj).join('')
+    const values = Object.keys(obj).map(function (key) {
+      var val = obj[key]
+      if (key === 's' || key === 'v' || key === 'l') {
+        val = val + '%'
+      }
+      return val
+    })
+    return prefix + '(' + values.join(', ') + ')'
+  }
+
+  static hex2Decimal = function (hexColor) {
+    if (typeof hexColor === 'string') {
+      return parseInt(hexColor.replace('#', ''), 16)
+    }
+  }
+
+  static decimal2Hex = function (decimalColor) {
+    if (typeof decimalColor === 'string') {
+      return '#' + parseInt(decimalColor).toString(16)
+    }
+    return '#' + decimalColor.toString(16)
+  }
+
+  static random = function () {
+    const base = '000000'
+    const number = Math.floor(Math.random() * 16777215).toString(16)
+    return '#' + (base + number).substr(-6)
+  }
+
+  static rotateHue = function (hue, amount) {
+    if (amount === void 0) {
+      amount = 0
+    }
+    const aux = typeof hue === 'object'
+      ? (hue.h + amount) % 360
+      : (hue + amount) % 360
+
+    const nextHue = aux < 0 ? (360 + aux) : aux
+    return typeof hue === 'object'
+      ? Object.assign(hue, {h: nextHue})
+      : nextHue
+  }
+
+  static getColorEncoding = function (color) {
+    if (typeof color === 'string') {
+      try {
+        ColorUtils.hex2Rgb(color)
+        return 'hex'
+      } catch (err) { /* Silent catch */
+      }
+    }
+
+    if (typeof color !== 'object') {
+      return 'unknown'
+    }
+
+    // Now check that the sum of the components is still a number
+    // And different than NaN (for that the boolean check)
+    const c = color
+
+    if ((c.r + c.g + c.b) && typeof (c.r + c.g + c.b) === 'number') {
+      return 'rgb'
+    }
+
+    if ((c.h + c.s + c.v) && typeof (c.h + c.s + c.v) === 'number') {
+      return 'hsv'
+    }
+
+    if ((c.h + c.s + c.l) && typeof (c.h + c.s + c.l) === 'number') {
+      return 'hsl'
+    }
+
+    if ((c.c + c.m + c.y + c.k) && typeof (c.c + c.m + c.y + c.k) === 'number') {
+      return 'cmyk'
+    }
+
+    return 'unknown'
+  }
+
+  static any2Hsl = function (color) {
+    const colorEncoding = ColorUtils.getColorEncoding(color)
+
+    switch (colorEncoding) {
+      case 'hsl':
+        return color
+      case 'rgb':
+        return ColorUtils.rgb2Hsl(color)
+      case 'hex':
+        return ColorUtils.hex2Hsl(color)
+      case 'hsv':
+        return ColorUtils.hsv2Hsl(color)
+      case 'cmyk':
+        return ColorUtils.rgb2Hsl(ColorUtils.cmyk2Rgb(color))
+      default:
+        return 'unknown'
+    }
+  }
+
+  static getTransformEncodingFunction = function (color, desiredEncoding) {
+    const originalEncoding = ColorUtils.getColorEncoding(color)
+    return ColorUtils[originalEncoding + '_to_' + desiredEncoding]
+  }
+
+  static darken = function (color, percentage) {
+    const encoding = ColorUtils.getColorEncoding(color)
+
+    if (encoding === 'unknown') {
+      return color
+    }
+
+    // Missing transformation function between hsl and cmyk
+    // Also, this algo is simple and precise
+    if (encoding === 'cmyk') {
+      const nextCmyk = color
+      nextCmyk.k = Math.min(100, 100 * percentage + nextCmyk.k)
+      return nextCmyk
+    }
+
+    const hsl = ColorUtils.any2Hsl(color)
+    const nextHsl = {h: hsl.h, s: hsl.s, l: Math.round(hsl.l * (1 - percentage))}
+
+    const transformFn = encoding === 'hsl'
+      ? c => c // If HSL return as incame
+      : ColorUtils.getTransformEncodingFunction(nextHsl, encoding)
+
+    if (typeof transformFn !== 'function') {
+      return color
+    }
+    return transformFn(nextHsl)
+  }
+}
+
+function _normalizeAngle(degrees) {
+  return (degrees % 360 + 360) % 360
+}
+
+function _hue2Rgb(p, q, t) {
+  if (t < 0) t += 1
+  if (t > 1) t -= 1
+  if (t < 1 / 6) return p + (q - p) * 6 * t
+  if (t < 1 / 2) return q
+  if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6
+  return p
 }