[SCSS] 작성법 14 - SCSS 작성시 사용가능한 내장함수

[CSS/SASS] - [SCSS] 작성법 13 - 연산하는 값 사용하기

 

- 색상함수 

 

mix(색1, 색2) : 색1과 색2를 섞은 색으로 나타납니다. 

lighten(색, %) : 색1을 %만큼 밝게 만들어줍니다. 

darken(색, %) : 색을 %만큼 어둡게 만들어줍니다.

saturate(색, %) : 색상의 채도를 % 만큼 올립니다.

desaturate(색, %) :  색상의 채도를 % 만큼 올립니다.

grayscale(색) :  색상의 회색으로 변환합니다

invert(색) : 색을 반전시킵니다.

rgba(색, 알파값) : 알파값(0-1) 투명도 지정

opacify(색,%) , fade-in(색,%) : 색상을 더 불투명하게 만듭니다.

transparentize(색,%), fade-out(색,%) : 색상을 더 투명하게 만든다.