Desaturate Examples

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

desaturate

hsl

hsl: { h: 348, s: 100, l: 50, a: 100 }ff0033hsl: { h: 348, s: 90, l: 50, a: 100 }0.1hsl: { h: 348, s: 80, l: 50, a: 100 }0.2hsl: { h: 348, s: 70, l: 50, a: 100 }0.3hsl: { h: 348, s: 60, l: 50, a: 100 }0.4hsl: { h: 348, s: 50, l: 50, a: 100 }0.5hsl: { h: 348, s: 40, l: 50, a: 100 }0.6hsl: { h: 348, s: 30, l: 50, a: 100 }0.7hsl: { h: 348, s: 20, l: 50, a: 100 }0.8hsl: { h: 348, s: 10, l: 50, a: 100 }0.9hsl: { h: 0, s: 0, l: 50, a: 100 }1

desaturate

hsv

hsv: { h: 348, s: 100, v: 100, a: 100 }ff0033hsv: { h: 348, s: 90, v: 100, a: 100 }0.1hsv: { h: 348, s: 80, v: 100, a: 100 }0.2hsv: { h: 348, s: 70, v: 100, a: 100 }0.3hsv: { h: 348, s: 60, v: 100, a: 100 }0.4hsv: { h: 348, s: 50, v: 100, a: 100 }0.5hsv: { h: 348, s: 40, v: 100, a: 100 }0.6hsv: { h: 348, s: 30, v: 100, a: 100 }0.7hsv: { h: 348, s: 20, v: 100, a: 100 }0.8hsv: { h: 348, s: 10, v: 100, a: 100 }0.9hsv: { h: 0, s: 0, v: 100, a: 100 }1

desaturate

hsi

hsi: { h: 349, s: 100, i: 40, a: 100 }ff0033hsi: { h: 349, s: 90, i: 40, a: 100 }0.1hsi: { h: 349, s: 80, i: 40, a: 100 }0.2hsi: { h: 349, s: 70, i: 40, a: 100 }0.3hsi: { h: 349, s: 60, i: 40, a: 100 }0.4hsi: { h: 349, s: 50, i: 40, a: 100 }0.5hsi: { h: 349, s: 40, i: 40, a: 100 }0.6hsi: { h: 349, s: 30, i: 40, a: 100 }0.7hsi: { h: 349, s: 20, i: 40, a: 100 }0.8hsi: { h: 349, s: 10, i: 40, a: 100 }0.9hsi: { h: 0, s: 0, i: 40, a: 100 }1

desaturate

hsp

hsp: { h: 348, s: 100, p: 55, a: 100, pb: 0.114, pr: 0.299 }ff0033hsp: { h: 348, s: 90, p: 55, a: 100, pb: 0.114, pr: 0.299 }0.1hsp: { h: 348, s: 80, p: 55, a: 100, pb: 0.114, pr: 0.299 }0.2hsp: { h: 348, s: 70, p: 55, a: 100, pb: 0.114, pr: 0.299 }0.3hsp: { h: 348, s: 60, p: 55, a: 100, pb: 0.114, pr: 0.299 }0.4hsp: { h: 348, s: 50, p: 55, a: 100, pb: 0.114, pr: 0.299 }0.5hsp: { h: 348, s: 40, p: 55, a: 100, pb: 0.114, pr: 0.299 }0.6hsp: { h: 348, s: 30, p: 55, a: 100, pb: 0.114, pr: 0.299 }0.7hsp: { h: 347, s: 20, p: 55, a: 100, pb: 0.114, pr: 0.299 }0.8hsp: { h: 345, s: 11, p: 55, a: 100, pb: 0.114, pr: 0.299 }0.9hsp: { h: 0, s: 0, p: 55, a: 100, pb: 0.114, pr: 0.299 }1

let newColor: Color.hex[] = Color.from('hex', '0033ff')
  .modify('desaturate', {
    method: /* methods listed below */,
    amount: /* amounts listed below */
  })

desaturate

hsl

hsl: { h: 228, s: 100, l: 50, a: 100 }0033ffhsl: { h: 228, s: 90, l: 50, a: 100 }0.1hsl: { h: 228, s: 80, l: 50, a: 100 }0.2hsl: { h: 228, s: 70, l: 50, a: 100 }0.3hsl: { h: 228, s: 60, l: 50, a: 100 }0.4hsl: { h: 228, s: 50, l: 50, a: 100 }0.5hsl: { h: 228, s: 40, l: 50, a: 100 }0.6hsl: { h: 228, s: 30, l: 50, a: 100 }0.7hsl: { h: 228, s: 20, l: 50, a: 100 }0.8hsl: { h: 228, s: 10, l: 50, a: 100 }0.9hsl: { h: 0, s: 0, l: 50, a: 100 }1

desaturate

hsv

hsv: { h: 228, s: 100, v: 100, a: 100 }0033ffhsv: { h: 228, s: 90, v: 100, a: 100 }0.1hsv: { h: 228, s: 80, v: 100, a: 100 }0.2hsv: { h: 228, s: 70, v: 100, a: 100 }0.3hsv: { h: 228, s: 60, v: 100, a: 100 }0.4hsv: { h: 228, s: 50, v: 100, a: 100 }0.5hsv: { h: 228, s: 40, v: 100, a: 100 }0.6hsv: { h: 228, s: 30, v: 100, a: 100 }0.7hsv: { h: 228, s: 20, v: 100, a: 100 }0.8hsv: { h: 228, s: 10, v: 100, a: 100 }0.9hsv: { h: 0, s: 0, v: 100, a: 100 }1

desaturate

hsi

hsi: { h: 229, s: 100, i: 40, a: 100 }0033ffhsi: { h: 229, s: 90, i: 40, a: 100 }0.1hsi: { h: 229, s: 80, i: 40, a: 100 }0.2hsi: { h: 229, s: 70, i: 40, a: 100 }0.3hsi: { h: 229, s: 60, i: 40, a: 100 }0.4hsi: { h: 229, s: 50, i: 40, a: 100 }0.5hsi: { h: 229, s: 40, i: 40, a: 100 }0.6hsi: { h: 229, s: 30, i: 40, a: 100 }0.7hsi: { h: 229, s: 20, i: 40, a: 100 }0.8hsi: { h: 229, s: 10, i: 40, a: 100 }0.9hsi: { h: 0, s: 0, i: 40, a: 100 }1

desaturate

hsp

hsp: { h: 228, s: 100, p: 37, a: 100, pb: 0.114, pr: 0.299 }0033ffhsp: { h: 228, s: 90, p: 37, a: 100, pb: 0.114, pr: 0.299 }0.1hsp: { h: 228, s: 80, p: 37, a: 100, pb: 0.114, pr: 0.299 }0.2hsp: { h: 228, s: 70, p: 37, a: 100, pb: 0.114, pr: 0.299 }0.3hsp: { h: 228, s: 60, p: 37, a: 100, pb: 0.114, pr: 0.299 }0.4hsp: { h: 228, s: 50, p: 37, a: 100, pb: 0.114, pr: 0.299 }0.5hsp: { h: 228, s: 40, p: 37, a: 100, pb: 0.114, pr: 0.299 }0.6hsp: { h: 227, s: 30, p: 37, a: 100, pb: 0.114, pr: 0.299 }0.7hsp: { h: 226, s: 20, p: 37, a: 100, pb: 0.114, pr: 0.299 }0.8hsp: { h: 228, s: 10, p: 37, a: 100, pb: 0.114, pr: 0.299 }0.9hsp: { h: 0, s: 0, p: 37, a: 100, pb: 0.114, pr: 0.299 }1