1. 투명도 조절

opacity 속성을 사용하여 요소의 투명도를 조절할 수 있습니다. 값은 0에서 1 사이의 숫자로 지정하며, 0에 가까울수록 요소는 투명해지고 1에 가까울수록 불투명해집니다.

.element {
  opacity: 0.5;
}

2. 채도 조절

filter 속성과 saturate 함수를 사용하여 요소의 채도를 조절할 수 있습니다. 값은 백분율로 지정하며, 0%는 흑백으로, 100%는 원래의 색상으로 표시됩니다.

.element {
  filter: saturate(50%);
}

filter 속성은 여러 다른 함수들과 함께 사용하여 요소의 형태를 변형시키거나 그림자 효과를 추가할 수 있습니다.

더 많은 정보는 MDN web docs에서 확인할 수 있습니다.