2つの色を混ぜて中間色を生成
color: mix(#000, #fff, 50%);
指定した色の明度を上げる
color: lighten(#000, 50%);
指定した色の明度を下げる
color: darken(#fff, 50%);
指定した色の彩度を上げる
color: saturate(#f99, 50%);
指定した色の彩度を下げる
color: desaturate(#f99, 50%);
指定した色をグレースケールに変換
color: grayscale(#f00);
指定した色の補色を生成
color: complement(#f00);
指定した色の反転色を生成
invert(#000);