SCSS 색상 내장함수

mix(색상1, 색상2)

 -> 색상1와 색상2의 색상이 섞인 색상이 나온다.

 

lighten(특정색상, 10%)

 -> 특정색상이 %만큼 밝게 만들어준다.

 

darken(특정색상, 10%)      

 ->특정색상이 %만큼 어둡게 만들어준다.

---> button만들때 유용하게 사용할 수 있다.

 

saturate(색상, 10%)

 -> 색상의 채도를 %만큼 올려준다.

 

desaturate(색상, 10%)

 -> 색상의 채도를 %만큼 낮춰준다.

 

grayscale(색상)

 -> 주어진 색상을 회색으로 만들어준다.

 

invert(색상)

-> 색상을 반전시키는 효과

 

rgba(색상, .5)

 -> 표준 css에서 제공하는 rgba(0,0,0, .5)과 다르게

SCSS에서 제공하는 rgba에서는 인수가 두개만 있으면 된다.

색상과 투명도 알파값만 넣어주면 된다.