Darken Examples

These examples are equivalent to generating a shade scale.

let darkerColor: Color.hex[] = Color.from('hex', 'ee5588')
  .modify('darken', {
    method: /* methods listed below */,
    amount: /* amounts listed below */
  })

darken

hsl

hsl: { h: 340, s: 82, l: 63, a: 100 }ee5588hsl: { h: 340, s: 82, l: 57, a: 100 }0.1hsl: { h: 340, s: 82, l: 51, a: 100 }0.2hsl: { h: 340, s: 81, l: 45, a: 100 }0.3hsl: { h: 340, s: 81, l: 38, a: 100 }0.4hsl: { h: 340, s: 81, l: 32, a: 100 }0.5hsl: { h: 340, s: 81, l: 25, a: 100 }0.6hsl: { h: 340, s: 81, l: 19, a: 100 }0.7hsl: { h: 341, s: 82, l: 13, a: 100 }0.8hsl: { h: 339, s: 81, l: 6, a: 100 }0.9

darken

hsv

hsv: { h: 340, s: 64, v: 93, a: 100 }ee5588hsv: { h: 340, s: 64, v: 84, a: 100 }0.1hsv: { h: 340, s: 64, v: 75, a: 100 }0.2hsv: { h: 340, s: 65, v: 65, a: 100 }0.3hsv: { h: 340, s: 64, v: 56, a: 100 }0.4hsv: { h: 340, s: 65, v: 47, a: 100 }0.5hsv: { h: 340, s: 64, v: 37, a: 100 }0.6hsv: { h: 339, s: 65, v: 28, a: 100 }0.7hsv: { h: 341, s: 65, v: 19, a: 100 }0.8hsv: { h: 338, s: 67, v: 9, a: 100 }0.9

darken

hsi

hsi: { h: 341, s: 44, i: 60, a: 100 }ee5588hsi: { h: 341, s: 44, i: 54, a: 100 }0.1hsi: { h: 341, s: 44, i: 48, a: 100 }0.2hsi: { h: 341, s: 44, i: 42, a: 100 }0.3hsi: { h: 341, s: 45, i: 36, a: 100 }0.4hsi: { h: 341, s: 44, i: 30, a: 100 }0.5hsi: { h: 341, s: 44, i: 24, a: 100 }0.6hsi: { h: 341, s: 43, i: 18, a: 100 }0.7hsi: { h: 342, s: 45, i: 12, a: 100 }0.8hsi: { h: 338, s: 48, i: 6, a: 100 }0.9

darken

hsp

hsp: { h: 340, s: 64, p: 60, a: 100, pb: 0.114, pr: 0.299 }ee5588hsp: { h: 340, s: 64, p: 54, a: 100, pb: 0.114, pr: 0.299 }0.1hsp: { h: 340, s: 64, p: 48, a: 100, pb: 0.114, pr: 0.299 }0.2hsp: { h: 340, s: 65, p: 42, a: 100, pb: 0.114, pr: 0.299 }0.3hsp: { h: 340, s: 64, p: 36, a: 100, pb: 0.114, pr: 0.299 }0.4hsp: { h: 340, s: 65, p: 30, a: 100, pb: 0.114, pr: 0.299 }0.5hsp: { h: 340, s: 64, p: 24, a: 100, pb: 0.114, pr: 0.299 }0.6hsp: { h: 340, s: 63, p: 18, a: 100, pb: 0.114, pr: 0.299 }0.7hsp: { h: 341, s: 65, p: 12, a: 100, pb: 0.114, pr: 0.299 }0.8hsp: { h: 338, s: 67, p: 6, a: 100, pb: 0.114, pr: 0.299 }0.9

darken

rgb

rgb: { r: 238, g: 85, b: 136, a: 255, bitDepth: 8 }ee5588rgb: { r: 214, g: 77, b: 122, a: 255, bitDepth: 8 }0.1rgb: { r: 190, g: 68, b: 109, a: 255, bitDepth: 8 }0.2rgb: { r: 167, g: 59, b: 95, a: 255, bitDepth: 8 }0.3rgb: { r: 143, g: 51, b: 82, a: 255, bitDepth: 8 }0.4rgb: { r: 119, g: 43, b: 68, a: 255, bitDepth: 8 }0.5rgb: { r: 95, g: 34, b: 54, a: 255, bitDepth: 8 }0.6rgb: { r: 71, g: 26, b: 41, a: 255, bitDepth: 8 }0.7rgb: { r: 48, g: 17, b: 27, a: 255, bitDepth: 8 }0.8rgb: { r: 24, g: 8, b: 14, a: 255, bitDepth: 8 }0.9

darken

cmyk

cmyk: { c: 0, m: 64, y: 43, k: 7 }ee5588cmyk: { c: 0, m: 64, y: 43, k: 24 }0.1cmyk: { c: 0, m: 64, y: 43, k: 40 }0.2cmyk: { c: 0, m: 64, y: 43, k: 54 }0.3cmyk: { c: 0, m: 64, y: 43, k: 66 }0.4cmyk: { c: 0, m: 65, y: 43, k: 76 }0.5cmyk: { c: 0, m: 63, y: 42, k: 85 }0.6cmyk: { c: 0, m: 62, y: 43, k: 92 }0.7cmyk: { c: 0, m: 70, y: 50, k: 96 }0.8cmyk: { c: 0, m: 50, y: 50, k: 99 }0.9

darken

lab

lab: { l: 58, a: 63, b: 4 }ee5588lab: { l: 53, a: 57, b: 3 }0.1lab: { l: 47, a: 50, b: 4 }0.2lab: { l: 41, a: 44, b: 3 }0.3lab: { l: 35, a: 38, b: 2 }0.4lab: { l: 29, a: 31, b: 2 }0.5lab: { l: 23, a: 25, b: 2 }0.6lab: { l: 18, a: 19, b: 1 }0.7lab: { l: 12, a: 13, b: 1 }0.8lab: { l: 6, a: 6, b: 0 }0.9

darken

luv

luv: { l: 58, u: 102, v: -7 }ee5588luv: { l: 53, u: 92, v: -6 }0.1luv: { l: 47, u: 82, v: -5 }0.2luv: { l: 41, u: 71, v: -4 }0.3luv: { l: 35, u: 61, v: -4 }0.4luv: { l: 29, u: 51, v: -3 }0.5luv: { l: 24, u: 41, v: -3 }0.6luv: { l: 18, u: 30, v: -2 }0.7luv: { l: 12, u: 20, v: -2 }0.8luv: { l: 6, u: 10, v: -1 }0.9

let darkerColor: Color.hex[] = Color.from('hex', '22aaee')
  .modify('darken', {
    method: /* methods listed below */,
    amount: /* amounts listed below */
  })

darken

hsl

hsl: { h: 200, s: 86, l: 53, a: 100 }22aaeehsl: { h: 200, s: 86, l: 48, a: 100 }0.1hsl: { h: 200, s: 85, l: 43, a: 100 }0.2hsl: { h: 200, s: 85, l: 37, a: 100 }0.3hsl: { h: 200, s: 85, l: 32, a: 100 }0.4hsl: { h: 200, s: 85, l: 27, a: 100 }0.5hsl: { h: 200, s: 85, l: 21, a: 100 }0.6hsl: { h: 201, s: 85, l: 16, a: 100 }0.7hsl: { h: 200, s: 85, l: 11, a: 100 }0.8hsl: { h: 201, s: 85, l: 5, a: 100 }0.9

darken

hsv

hsv: { h: 200, s: 86, v: 93, a: 100 }22aaeehsv: { h: 200, s: 86, v: 84, a: 100 }0.1hsv: { h: 200, s: 86, v: 75, a: 100 }0.2hsv: { h: 200, s: 86, v: 65, a: 100 }0.3hsv: { h: 200, s: 86, v: 56, a: 100 }0.4hsv: { h: 200, s: 86, v: 47, a: 100 }0.5hsv: { h: 200, s: 85, v: 37, a: 100 }0.6hsv: { h: 200, s: 86, v: 28, a: 100 }0.7hsv: { h: 200, s: 85, v: 19, a: 100 }0.8hsv: { h: 200, s: 88, v: 9, a: 100 }0.9

darken

hsi

hsi: { h: 199, s: 77, i: 58, a: 100 }22aaeehsi: { h: 199, s: 77, i: 52, a: 100 }0.1hsi: { h: 199, s: 77, i: 46, a: 100 }0.2hsi: { h: 199, s: 77, i: 41, a: 100 }0.3hsi: { h: 199, s: 77, i: 35, a: 100 }0.4hsi: { h: 199, s: 77, i: 29, a: 100 }0.5hsi: { h: 199, s: 76, i: 23, a: 100 }0.6hsi: { h: 199, s: 77, i: 17, a: 100 }0.7hsi: { h: 200, s: 76, i: 12, a: 100 }0.8hsi: { h: 199, s: 80, i: 6, a: 100 }0.9

darken

hsp

hsp: { h: 200, s: 86, p: 60, a: 100, pb: 0.114, pr: 0.299 }22aaeehsp: { h: 200, s: 86, p: 54, a: 100, pb: 0.114, pr: 0.299 }0.1hsp: { h: 200, s: 86, p: 48, a: 100, pb: 0.114, pr: 0.299 }0.2hsp: { h: 200, s: 86, p: 42, a: 100, pb: 0.114, pr: 0.299 }0.3hsp: { h: 200, s: 86, p: 36, a: 100, pb: 0.114, pr: 0.299 }0.4hsp: { h: 200, s: 86, p: 30, a: 100, pb: 0.114, pr: 0.299 }0.5hsp: { h: 200, s: 85, p: 24, a: 100, pb: 0.114, pr: 0.299 }0.6hsp: { h: 200, s: 86, p: 18, a: 100, pb: 0.114, pr: 0.299 }0.7hsp: { h: 200, s: 85, p: 12, a: 100, pb: 0.114, pr: 0.299 }0.8hsp: { h: 200, s: 88, p: 6, a: 100, pb: 0.114, pr: 0.299 }0.9

darken

rgb

rgb: { r: 34, g: 170, b: 238, a: 255, bitDepth: 8 }22aaeergb: { r: 31, g: 153, b: 214, a: 255, bitDepth: 8 }0.1rgb: { r: 27, g: 136, b: 190, a: 255, bitDepth: 8 }0.2rgb: { r: 24, g: 119, b: 167, a: 255, bitDepth: 8 }0.3rgb: { r: 20, g: 102, b: 143, a: 255, bitDepth: 8 }0.4rgb: { r: 17, g: 85, b: 119, a: 255, bitDepth: 8 }0.5rgb: { r: 14, g: 68, b: 95, a: 255, bitDepth: 8 }0.6rgb: { r: 10, g: 51, b: 71, a: 255, bitDepth: 8 }0.7rgb: { r: 7, g: 34, b: 48, a: 255, bitDepth: 8 }0.8rgb: { r: 3, g: 17, b: 24, a: 255, bitDepth: 8 }0.9

darken

cmyk

cmyk: { c: 86, m: 29, y: 0, k: 7 }22aaeecmyk: { c: 85, m: 28, y: 0, k: 24 }0.1cmyk: { c: 86, m: 28, y: 0, k: 40 }0.2cmyk: { c: 85, m: 29, y: 0, k: 54 }0.3cmyk: { c: 86, m: 29, y: 0, k: 66 }0.4cmyk: { c: 87, m: 28, y: 0, k: 76 }0.5cmyk: { c: 87, m: 29, y: 0, k: 85 }0.6cmyk: { c: 86, m: 29, y: 0, k: 92 }0.7cmyk: { c: 90, m: 30, y: 0, k: 96 }0.8cmyk: { c: 100, m: 0, y: 0, k: 99 }0.9

darken

lab

lab: { l: 66, a: -11, b: -44 }22aaeelab: { l: 59, a: -10, b: -39 }0.1lab: { l: 53, a: -9, b: -35 }0.2lab: { l: 46, a: -8, b: -30 }0.3lab: { l: 39, a: -6, b: -26 }0.4lab: { l: 33, a: -6, b: -22 }0.5lab: { l: 27, a: -4, b: -17 }0.6lab: { l: 20, a: -3, b: -13 }0.7lab: { l: 13, a: -2, b: -9 }0.8lab: { l: 6, a: -1, b: -4 }0.9

darken

luv

luv: { l: 66, u: -42, v: -69 }22aaeeluv: { l: 59, u: -38, v: -62 }0.1luv: { l: 53, u: -34, v: -54 }0.2luv: { l: 46, u: -29, v: -48 }0.3luv: { l: 40, u: -25, v: -41 }0.4luv: { l: 33, u: -21, v: -34 }0.5luv: { l: 26, u: -17, v: -27 }0.6luv: { l: 20, u: -13, v: -20 }0.7luv: { l: 13, u: -9, v: -13 }0.8luv: { l: 7, u: -4, v: -7 }0.9