@ledvance/base 1.1.13 → 1.1.15

package/src/utils/ColorUtils.tsx

@@ -3,447 +3,447 @@ 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 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)
+    }
 
-    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 {
+      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
+    }
 
-        return { h: h, s: s, l: l }
+    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)
 
-    static hsl2Hsv = function(h, s, l) {
-        if (typeof h === 'object') {
-            const args = h
-            h = args.h
-            s = args.s
-            l = args.l
-        }
+    const c = (1 - rprim - k) / (1 - k)
+    const m = (1 - gprim - k) / (1 - k)
+    const y = (1 - bprim - k) / (1 - k)
 
-        s = s * (l < 50 ? l : (100 - l))
+    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
+    }
 
-        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
+    var r = 255 * (1 - c) * (1 - k)
+    var g = 255 * (1 - m) * (1 - k)
+    var b = 255 * (1 - y) * (1 - k)
 
-        if ((c.r + c.g + c.b) && typeof (c.r + c.g + c.b) === 'number') {
-            return 'rgb'
-        }
+    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
+    }
 
-        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'
-        }
+    var l = (2 - s) * v / 2
 
-        if ((c.c + c.m + c.y + c.k) && typeof (c.c + c.m + c.y + c.k) === 'number') {
-            return 'cmyk'
-        }
+    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 'unknown'
+    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 */
+      }
     }
 
-    static any2Hsl = function(color) {
-        const colorEncoding = ColorUtils.getColorEncoding(color)
+    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'
+    }
 
-        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'
-        }
+    if ((c.h + c.s + c.l) && typeof (c.h + c.s + c.l) === 'number') {
+      return 'hsl'
     }
 
-    static getTransformEncodingFunction = function(color, desiredEncoding) {
-        const originalEncoding = ColorUtils.getColorEncoding(color)
-        return ColorUtils[originalEncoding + '_to_' + desiredEncoding]
+    if ((c.c + c.m + c.y + c.k) && typeof (c.c + c.m + c.y + c.k) === 'number') {
+      return 'cmyk'
     }
 
-    static darken = function(color, percentage) {
-        const encoding = ColorUtils.getColorEncoding(color)
+    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]
+  }
 
-        if (encoding === 'unknown') {
-            return color
-        }
+  static darken = function (color, percentage) {
+    const encoding = ColorUtils.getColorEncoding(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
-        }
+    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 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)
+    const transformFn = encoding === 'hsl'
+      ? c => c // If HSL return as incame
+      : ColorUtils.getTransformEncodingFunction(nextHsl, encoding)
 
-        if (typeof transformFn !== 'function') {
-            return color
-        }
-        return transformFn(nextHsl)
+    if (typeof transformFn !== 'function') {
+      return color
     }
+    return transformFn(nextHsl)
+  }
 }
 
 function _normalizeAngle(degrees) {
-    return (degrees % 360 + 360) % 360
+  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
+  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
 }