CSS 필터 생성기
blur, brightness, contrast 등 CSS 필터 효과를 실시간 미리보기로 조정하고 CSS를 복사합니다.
필터
흐림0px
밝기100%
대비100%
흑백0%
색조 회전0deg
반전0%
불투명도100%
채도100%
세피아0%
클릭하여 미리보기 이미지를 업로드하세요
filter: none;
이 도구 소개
CSS 필터 생성기는 흐림, 밝기, 대비, 그레이스케일, 색상 회전, 반전, 불투명도, 채도, 세피아 등 표준 CSS 필터 속성을 사용하여 이미지 효과를 시각적으로 디자인하고 조정할 수 있는 도구입니다. 숫자 값을 추측하거나 CSS를 시행착오로 작성하는 대신, 이 도구는 각 필터 효과가 이미지에 어떻게 보이는지 실시간 미리보기로 표시하므로 원하는 정확한 시각 효과를 쉽게 달성할 수 있습니다.
사용 방법은 간단합니다. 이미지를 업로드하거나 붙여넣은 후 각 필터 효과의 슬라이더나 입력 필드를 조정하면 됩니다. 값을 변경하면 미리보기가 즉시 업데이트되어 결과를 바로 확인할 수 있습니다. 원하는 모양에 만족하면 생성된 CSS 코드를 복사하여 스타일시트에 붙여넣으면 됩니다. 이러한 방식은 디자인 반복 중 시간을 절약하고 필터가 브라우저 간에 일관되게 렌더링되도록 보장합니다.
자주 묻는 질문
Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.