Sassの便利関数まとめ

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);

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA