#TIL42

색상 내장 함수

mix($color, red)

• 첫 번째 인수의 색과 두 번째 인수 색을 섞어서 새로운 색상 추출

background-color: mix($color, red);

lighten($color, 10%)

• 첫 번째 인수에 해당하는 색상을 10% 만큼 밝게 만듦

background-color: lighten($color, 10%);

darken($color, 10%)

• 첫 번째 인수에 해당하는 색상을 10% 만큼 어둡게 만듦

background-color: darken($color, 10%);

saturate($color, 10%)

• 첫번째 인수에 해당하는 색상의 채도를 10% 만큼 높임

background-color: saturate($color, 10%);

desaturate($color, 40%)

• 첫번째 인수에 해당하는 색상의 채도를 10% 만큼 낮춰줌

background-color: desaturate($color, 10%);

grayscale($color)

• 주어진 색상을 회색으로 만들어줌

background-color: grayscale($color);

invert($color)

• 색상을 반전시킴

background-color: invert($color);

rgba($color, .5)

• 첫번째 인수 색상, 두 번째 인수는 색상의 투명도 지정, 현재 50% 불투명

background-color: rgba($color, .5);