지원 기능
- 입력
- 설정
- 출력
- CSS · 설정
CSS 필터 생성기 사용법
CSS 필터 생성기. 필터를 조절하고 미리보기와 생성된 CSS를 비교하세요.
- 위에서 색상·텍스트·숫자를 조절하세요.
- 설정을 바꾸며 미리보기 결과를 비교하세요.
- 결과를 복사하거나 기기에 다운로드하세요.
CSS 필터 생성기 · 예제
입력
{
"brightness": 100,
"contrast": 100,
"saturate": 100,
"hue": 0,
"grayscale": 0,
"sepia": 0,
"invert": 0,
"blur": 0
}출력
filter: brightness(100%) contrast(100%) saturate(100%) hue-rotate(0deg) grayscale(0%) sepia(0%) invert(0%) blur(0px);
사용 시 참고
파일과 입력은 이 브라우저에서 처리됩니다. 업로드나 계정이 필요 없습니다.