UTILS.
기본부터 지키는 개인정보
☼

CSS 필터 생성기

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

파일은 이 기기에만 남습니다

파일은 브라우저에서 처리되며 업로드되지 않습니다. 사이트는 도구 실행에 필요한 코드와 리소스를 다운로드합니다. 계정이나 추적은 없습니다.

다운로드를 눌러 이 도구를 하나의 HTML 파일로 저장하고 오프라인으로 사용하세요.

개인정보 →

이 도구에 대하여

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

자주 묻는 질문

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

더 많은 도구