Saturate Examples

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

saturate

hsl

hsl: { h: 330, s: 25, l: 73, a: 100 }ccaabbhsl: { h: 330, s: 32, l: 73, a: 100 }0.1hsl: { h: 330, s: 40, l: 73, a: 100 }0.2hsl: { h: 330, s: 47, l: 73, a: 100 }0.3hsl: { h: 330, s: 54, l: 73, a: 100 }0.4hsl: { h: 330, s: 63, l: 74, a: 100 }0.5hsl: { h: 330, s: 71, l: 73, a: 100 }0.6hsl: { h: 330, s: 78, l: 73, a: 100 }0.7hsl: { h: 330, s: 85, l: 73, a: 100 }0.8hsl: { h: 330, s: 93, l: 73, a: 100 }0.9hsl: { h: 330, s: 100, l: 73, a: 100 }1

saturate

hsv

hsv: { h: 330, s: 17, v: 80, a: 100 }ccaabbhsv: { h: 329, s: 25, v: 80, a: 100 }0.1hsv: { h: 330, s: 33, v: 80, a: 100 }0.2hsv: { h: 330, s: 42, v: 80, a: 100 }0.3hsv: { h: 330, s: 50, v: 80, a: 100 }0.4hsv: { h: 330, s: 58, v: 80, a: 100 }0.5hsv: { h: 330, s: 67, v: 80, a: 100 }0.6hsv: { h: 330, s: 75, v: 80, a: 100 }0.7hsv: { h: 330, s: 83, v: 80, a: 100 }0.8hsv: { h: 330, s: 92, v: 80, a: 100 }0.9hsv: { h: 330, s: 100, v: 80, a: 100 }1

saturate

hsi

hsi: { h: 330, s: 9, i: 73, a: 100 }ccaabbhsi: { h: 330, s: 18, i: 73, a: 100 }0.1hsi: { h: 330, s: 27, i: 73, a: 100 }0.2hsi: { h: 330, s: 36, i: 73, a: 100 }0.3hsi: { h: 326, s: 44, i: 71, a: 100 }0.4hsi: { h: 323, s: 52, i: 69, a: 100 }0.5hsi: { h: 321, s: 60, i: 67, a: 100 }0.6hsi: { h: 319, s: 69, i: 64, a: 100 }0.7hsi: { h: 317, s: 79, i: 62, a: 100 }0.8hsi: { h: 316, s: 89, i: 60, a: 100 }0.9hsi: { h: 315, s: 100, i: 58, a: 100 }1

saturate

hsp

hsp: { h: 330, s: 17, p: 72, a: 100, pb: 0.114, pr: 0.299 }ccaabbhsp: { h: 330, s: 25, p: 72, a: 100, pb: 0.114, pr: 0.299 }0.1hsp: { h: 330, s: 34, p: 72, a: 100, pb: 0.114, pr: 0.299 }0.2hsp: { h: 330, s: 42, p: 72, a: 100, pb: 0.114, pr: 0.299 }0.3hsp: { h: 330, s: 50, p: 72, a: 100, pb: 0.114, pr: 0.299 }0.4hsp: { h: 327, s: 56, p: 69, a: 100, pb: 0.114, pr: 0.299 }0.5hsp: { h: 325, s: 63, p: 67, a: 100, pb: 0.114, pr: 0.299 }0.6hsp: { h: 323, s: 71, p: 64, a: 100, pb: 0.114, pr: 0.299 }0.7hsp: { h: 322, s: 80, p: 62, a: 100, pb: 0.114, pr: 0.299 }0.8hsp: { h: 322, s: 90, p: 60, a: 100, pb: 0.114, pr: 0.299 }0.9hsp: { h: 322, s: 100, p: 59, a: 100, pb: 0.114, pr: 0.299 }1

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

saturate

hsl

hsl: { h: 210, s: 25, l: 73, a: 100 }aabbcchsl: { h: 210, s: 32, l: 73, a: 100 }0.1hsl: { h: 210, s: 40, l: 73, a: 100 }0.2hsl: { h: 210, s: 47, l: 73, a: 100 }0.3hsl: { h: 210, s: 54, l: 73, a: 100 }0.4hsl: { h: 210, s: 63, l: 74, a: 100 }0.5hsl: { h: 210, s: 71, l: 73, a: 100 }0.6hsl: { h: 210, s: 78, l: 73, a: 100 }0.7hsl: { h: 210, s: 85, l: 73, a: 100 }0.8hsl: { h: 210, s: 93, l: 73, a: 100 }0.9hsl: { h: 210, s: 100, l: 73, a: 100 }1

saturate

hsv

hsv: { h: 210, s: 17, v: 80, a: 100 }aabbcchsv: { h: 211, s: 25, v: 80, a: 100 }0.1hsv: { h: 210, s: 33, v: 80, a: 100 }0.2hsv: { h: 210, s: 42, v: 80, a: 100 }0.3hsv: { h: 210, s: 50, v: 80, a: 100 }0.4hsv: { h: 210, s: 58, v: 80, a: 100 }0.5hsv: { h: 210, s: 67, v: 80, a: 100 }0.6hsv: { h: 210, s: 75, v: 80, a: 100 }0.7hsv: { h: 210, s: 83, v: 80, a: 100 }0.8hsv: { h: 210, s: 92, v: 80, a: 100 }0.9hsv: { h: 210, s: 100, v: 80, a: 100 }1

saturate

hsi

hsi: { h: 210, s: 9, i: 73, a: 100 }aabbcchsi: { h: 210, s: 18, i: 73, a: 100 }0.1hsi: { h: 210, s: 27, i: 73, a: 100 }0.2hsi: { h: 210, s: 36, i: 73, a: 100 }0.3hsi: { h: 206, s: 44, i: 71, a: 100 }0.4hsi: { h: 203, s: 52, i: 69, a: 100 }0.5hsi: { h: 201, s: 60, i: 67, a: 100 }0.6hsi: { h: 199, s: 69, i: 64, a: 100 }0.7hsi: { h: 197, s: 79, i: 62, a: 100 }0.8hsi: { h: 196, s: 89, i: 60, a: 100 }0.9hsi: { h: 195, s: 100, i: 58, a: 100 }1

saturate

hsp

hsp: { h: 210, s: 17, p: 72, a: 100, pb: 0.114, pr: 0.299 }aabbcchsp: { h: 210, s: 25, p: 72, a: 100, pb: 0.114, pr: 0.299 }0.1hsp: { h: 210, s: 33, p: 72, a: 100, pb: 0.114, pr: 0.299 }0.2hsp: { h: 210, s: 41, p: 72, a: 100, pb: 0.114, pr: 0.299 }0.3hsp: { h: 210, s: 50, p: 72, a: 100, pb: 0.114, pr: 0.299 }0.4hsp: { h: 207, s: 56, p: 71, a: 100, pb: 0.114, pr: 0.299 }0.5hsp: { h: 204, s: 62, p: 70, a: 100, pb: 0.114, pr: 0.299 }0.6hsp: { h: 202, s: 70, p: 69, a: 100, pb: 0.114, pr: 0.299 }0.7hsp: { h: 200, s: 79, p: 67, a: 100, pb: 0.114, pr: 0.299 }0.8hsp: { h: 198, s: 89, p: 66, a: 100, pb: 0.114, pr: 0.299 }0.9hsp: { h: 198, s: 100, p: 64, a: 100, pb: 0.114, pr: 0.299 }1