Cacher is the code snippet organizer for pro developers

$base-color: #6B98FF;

//明度の調節 (lighten / darken)
$base_dark-color: darken( $base-color, 15% );
$base_light-color: lighten( $base-color, 15% );

//彩度の調節 (saturate / desaturate)
$base_heigh-color: saturate( $base-color, 20% );
$base_low-color: desaturate( $base-color, 20% );

//透明度の調節 (どちらも同じ結果)
$base_alpha-color: transparentize( $base-color, 0.8 );
$base_alpha-color: rgba( $base-color, 0.2 );