How to increase color vibrancy (scss)?

Question

Sass

Hey!
Suppose there is a color #ff7fa1, how to use scss:
1. Increase its juiciness to the maximum level #ff0044?
2. Reduce its juiciness to the minimum level #ffffff?
Thank you!

Answer 1

Solution 1:

.element
{
color: hsla(hue($color), 10%, 10%, 1.0);
}

.c1
{
  $l : lightness($color);
  color: if($l > 50, darken($color, ($l)-50), lighten($color, 50-($l)));
}

.c2
{
  color: lighten($color, 100-(lightness($color)));
}

Answer 2

Lighten/Darken
Saturation
Insert color and watch online - scg.ar-ch.org