UTILS.
100% 브라우저 내 실행

CSS 필터 생성기

슬라이더와 실시간 미리보기로 CSS 필터를 구성하고 복사하세요.

이 도구에 대하여

blur, brightness, contrast, grayscale, sepia, saturate, hue-rotate 필터를 실시간 미리보기 위에 겹쳐 적용하고, 결합된 filter 규칙을 복사하세요. 모든 작업은 브라우저 안에서 실행됩니다.

자주 묻는 질문

이 필터를 이미지에 적용할 수 있나요?
네, img 같은 어떤 요소에든 규칙을 복사하면 나열된 필터 함수가 표시된 순서대로 적용됩니다.
필터 함수의 순서가 왜 중요한가요?
필터는 왼쪽에서 오른쪽으로 적용됩니다. 밝기를 조정하기 전에 흐림을 적용하면 그 반대 순서와 다른 결과가 나오므로, 가장 보기 좋은 순서를 유지하세요.

더 많은 도구