이미지 듀오톤 효과

사용법

1. 이미지 드롭. 프리셋(Spotify 초록-검정이 클래식) 또는 커스텀 hex 2색 선택.
2. 미드포인트 슬라이드로 섀도우 끝·하이라이트 시작 지점 제어. 콘트라스트로 더 강렬한 또는 부드러운 트랜지션.
3. PNG 다운로드, 또는 SVG 필터 복사 → 사이트 어느 요소든 CSS로 같은 효과 적용.

자주 묻는 질문

왜 중간이 탁해 보이나?

기본 콘트라스트 0은 두 컬러 사이 선형 램프. 콘트라스트 올리면 트랜지션 가팔라짐 — 중간 회색 많은 이미지가 탁한 혼합 컬러 되는 경우 유용. 낮추면 더 부드럽고 회화적 그래디언트. 미드포인트 슬라이더는 노출 불균등 사진에서 분리 지점 이동.

SVG 필터 버전 작동 방식?

`feColorMatrix`로 이미지를 그레이스케일 변환(BT.709 휘도 계수 사용), 그다음 `feComponentTransfer`의 `table` 함수로 각 채널을 섀도우·하이라이트 RGB 값 사이 2점 그래디언트로 리매핑. 결과: 캔버스 버전과 같은 효과, 단 래스터화 없이 — SVG 필터 위 CSS 트랜지션으로 애니메이트 가능.

관련 도구