무료 도구
한국어
CSS 필터 만들기
CSS 필터 만들기에 필요한 값을 입력하고 결과를 복사하거나 저장하세요. 입력 안내: 흐림 (px), 밝기 (%), 대비 (%), 흑백 비율 (%). 로그인 없이 바로 사용.
로그인 없이 바로 사용
도구 불러오는 중…
사용 방법
- 1입력 안내: 흐림 (px), 밝기 (%), 대비 (%), 흑백 비율 (%).
- 2실행을 눌러 결과를 확인하세요.
- 3결과 복사 / 결과 파일 저장.
사용할 때 알아두세요
입력 범위와 단위를 확인하세요. 결과는 입력값과 브라우저 기능에 따라 계산됩니다.
광고 표시를 위한 접속 정보가 처리될 수 있습니다. 맞춤 광고는 개인정보 선택을 따릅니다. 개인정보 안내 (영어)
실제로 계산한 입력·출력 예시
이 도구의 실제 엔진에 아래 예시 값을 넣은 결과입니다. 개인 입력이나 저장된 작업을 사용하지 않습니다. 도구에서 ‘예제 불러오기’로 같은 입력을 확인할 수 있습니다.
예시 입력
| 항목 | 값 |
|---|---|
| 흐림 (px) | 0 |
| 밝기 (%) | 100 |
| 대비 (%) | 100 |
| 흑백 비율 (%) | 0 |
예시 결과
filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%);
입력 조건
아래 조건은 실제 입력 검사의 허용 범위이며, 현실에서 적용 가능한 범위나 결과의 정확도를 보장하는 기준은 아닙니다.
- 흐림 (px): 허용 범위: 0 ≤ x ≤ 100
- 밝기 (%): 허용 범위: 0 ≤ x ≤ 300
- 대비 (%): 허용 범위: 0 ≤ x ≤ 300
- 흑백 비율 (%): 허용 범위: 0 ≤ x ≤ 100