듀오톤 효과
사진의 밝고 어두운 부분에 두 가지 색을 입혀, SNS·포스터에 어울리는 무드를 만들어요.
사진을 끌어다 놓거나 클릭해서 선택하세요
완성 즉시 다운로드까지, 사진은 서버에 저장되지 않아요
설명
사진의 밝고 어두운 부분에 각각 지정한 색을 입혀, 두 가지 색으로만 이루어진 사진을 만듭니다. 변환은 브라우저 안에서 처리되어 사진이 서버로 전송되지 않으며, 결과는 원본 해상도의 JPG 파일로 저장됩니다.
관련 도구
듀오톤 효과는 사진을 두 가지 색조만으로 표현하는 이미지 처리 기법입니다. 포스터, 브랜드 비주얼, SNS 콘텐츠에서 강렬하고 통일감 있는 분위기를 만들고 싶을 때 자주 쓰입니다. 별도 소프트웨어 없이 브라우저에서 바로 원하는 두 색을 지정해 변환할 수 있습니다.
사용 방법
변환할 사진을 업로드하면 밝은 영역과 어두운 영역에 각각 적용할 색을 색상 선택기로 지정합니다. 밝은 쪽(하이라이트)에는 원하는 포인트 컬러를, 어두운 쪽(섀도)에는 보색 또는 대비색을 고르면 강렬한 결과가 나옵니다. 실시간 미리보기로 색 조합을 확인하면서 마음에 드는 조합이 정해지면 JPG 파일로 내려받으면 됩니다. 원본 파일은 서버로 전송되지 않고 브라우저 안에서만 처리됩니다.
이럴 때 유용해요
브랜드 아이덴티티 컬러가 정해진 경우, 사진 여러 장의 색조를 동일 팔레트로 통일할 때 특히 효과적입니다. 예를 들어 행사 포스터에 들어갈 인물 사진들을 모두 같은 두 색으로 처리하면 시리즈 느낌이 살아납니다. Spotify 아티스트 카드처럼 검정+형광색 조합은 음악·패션·스포츠 분야에서 자주 활용됩니다. 흑백 사진을 베이스로 쓰면 색이 더 선명하게 드러나기 때문에, 원본이 컬러라면 먼저 흑백 변환 후 적용하는 방법도 고려해 보세요.
알아두면 좋은 점
듀오톤은 내부적으로 사진을 그레이스케일로 변환한 뒤 각 픽셀의 명도에 따라 두 색 사이의 그라디언트를 매핑하는 방식입니다. 따라서 명암 대비가 뚜렷한 사진일수록 결과물이 또렷하게 나옵니다. 반대로 전반적으로 밝거나 어두운 사진은 두 색의 차이가 잘 드러나지 않을 수 있습니다. 보색(색상환에서 반대쪽 색) 조합은 시각적으로 강렬한 반면, 유사색 조합은 차분하고 세련된 느낌을 줍니다. 사용 목적에 따라 대비 강도를 조절해 보세요.
자주 묻는 질문
원본 사진 화질이 낮으면 결과물도 나쁘게 나오나요?
배경이 투명한 PNG 파일도 처리되나요?
두 색 모두 비슷한 계열로 고르면 어떻게 되나요?
업로드한 사진이 외부 서버에 저장되나요?
어떤 파일 형식을 지원하나요?
개인정보처리방침
모든 처리는 브라우저 내부에서만 수행되며 입력값·파일은 서버로 전송·저장되지 않습니다. 광고: Google AdSense(쿠키 사용 가능, 설정). 문의 kjh920424@gmail.com
듀오톤 효과란
듀오톤은 사진의 밝기(명암) 정보만 남기고 색을 두 가지로 다시 칠하는 기법입니다. 이 도구는 먼저 각 픽셀을 흑백(회색조)으로 계산한 뒤, 가장 어두운 부분에는 '그림자 색', 가장 밝은 부분에는 '하이라이트 색'을 배정하고 그 사이를 색끼리 자연스럽게 이어 붙입니다. 즉 원본이 컬러든 흑백이든 결과는 지정한 두 색의 그라데이션으로 통일됩니다. 스포티파이 앨범 커버나 캠페인 포스터에서 자주 보이는 강렬한 두 색 톤이 이 방식으로 만들어집니다.
작동 원리 (명도 → 색 매핑)
내부적으로 픽셀의 밝기를 0~255 값으로 구한 다음, 이 값을 0.0~1.0 비율로 바꿔 두 색 사이를 선형 보간합니다. 밝기 계산은 사람 눈의 민감도를 반영한 가중치(대략 빨강 0.30, 초록 0.59, 파랑 0.11)를 사용해 초록이 밝게, 파랑이 어둡게 느껴지도록 처리합니다. 예를 들어 그림자 색을 진한 남색, 하이라이트 색을 노랑으로 두면 원본에서 어두웠던 머리카락은 남색 쪽으로, 밝았던 얼굴은 노랑 쪽으로 칠해집니다. 색을 서로 바꾸면(스왑) 명암이 반전된 듯한 전혀 다른 분위기가 나옵니다.
사용법
사진을 올리면 화면에서 곧바로 두 색이 적용된 미리보기가 보입니다. 그림자 색과 하이라이트 색을 각각 색상 선택기로 지정하고, 두 색의 명도 차이가 클수록 대비가 강해집니다. 인물 사진은 하이라이트를 밝고 채도 낮은 색, 그림자를 어둡고 채도 높은 색으로 잡으면 얼굴이 뭉개지지 않습니다. 원하는 조합이 나오면 '이미지 저장'을 눌러 JPG 파일로 내려받으면 됩니다. 모든 변환은 브라우저 안에서 처리되어 사진이 서버로 올라가지 않습니다.
| 조합 예시 | 그림자 색 | 하이라이트 색 | 느낌 |
|---|---|---|---|
| 클래식 | 진한 남색 | 연노랑 | 차분·레트로 |
| 비비드 | 자주색 | 청록 | 강렬·팝 |
| 세피아형 | 짙은 갈색 | 크림 | 따뜻·빈티지 |
활용 상황
브랜드 색을 통일해야 하는 SNS 피드, 발표 자료 표지, 유튜브 썸네일 배경, 포스터·플래카드처럼 두 색으로 시선을 끌어야 할 때 유용합니다. 서로 다른 시점·장소에서 찍어 색감이 제각각인 사진들도 같은 두 색으로 변환하면 한 세트처럼 정돈됩니다. 배경이 지저분한 사진도 색을 단순화해 주제가 또렷해집니다.
팁
대비가 낮은(밋밋한) 원본은 듀오톤에서도 밋밋하게 나오므로, 명암이 뚜렷한 사진을 고르면 두 색이 확실히 분리됩니다. 두 색의 색상환 위치가 반대(보색)일수록 톤이 화려해지고, 인접색이면 은은해집니다. 색이 너무 튀면 하이라이트의 밝기를 조금 올리고 그림자의 채도를 낮춰 균형을 맞추세요.
자주 묻는 질문
흑백 사진에도 적용되나요?
네. 듀오톤은 원래 밝기 정보를 기준으로 색을 입히므로, 흑백 사진도 각 밝기 단계에 두 색이 배정되어 문제없이 변환됩니다.
왜 정확히 세 가지 이상 색은 안 되나요?
이 도구는 그림자와 하이라이트 두 색만 지정하는 '듀오(2)톤' 방식입니다. 중간 색을 추가하는 트라이톤이 아니라, 두 색 사이를 이어 만든 그라데이션만 사용합니다.
사진이 어디로 전송되나요?
전송되지 않습니다. 색 계산과 저장까지 모두 사용자의 브라우저 안에서 이뤄지므로 이미지가 외부로 나가지 않습니다.
원본 색상은 결과에 영향을 주나요?
색조 자체는 반영되지 않고, 밝고 어두운 정도(명도)만 매핑에 사용됩니다. 그래서 같은 구도라도 밝기 대비가 큰 사진이 더 선명한 듀오톤이 됩니다.