Gerenciamento de cores CSS com SASS

$base-color:#ff0000;

ESCURECER E CLAREAR

darken( $base-color, 10% ) ;
lighten( $base-color, 10% );

SATURAR E DESATURAR

saturate( $base-color, 20% ) ;
desaturate( $base-color, 20% );

ADJUST-HUE

adjust-hue( $base-color, 20% );

ADICIONANDO TRANSPARÊNCIA ALFA

rgba( $base-color, .7 );

MATIZ E SOMBRA

tint( $base-color, 10% );
shade( $base-color, 10% );