듀오톤 효과, 사진이 두 색으로 보이는 원리
스포티파이 앨범 커버나 컨퍼런스 포스터를 보면 사진 한 장이 원래 색과 상관없이 딱 두 가지 색으로만 보이는 경우가 있습니다. 이건 특별한 필터 하나를 씌운 게 아니라, 사진의 색상 정보를 지우고 밝기 정보만 남긴 뒤 그 밝기에 색을 다시 입히는 정해진 절차의 결과입니다. 원리를 알면 어떤 사진이든 같은 방식으로 두 색 이미지를 직접 만들 수 있습니다.
요약 ① 듀오톤은 사진의 색상 정보를 지우고 밝기(명암) 정보만 남기는 것에서 시작합니다 ② 그 밝기값을 0(가장 어두움)부터 255(가장 밝음) 기준으로 두고, 어두운 색과 밝은 색 사이를 잇는 그러데이션으로 다시 칠합니다 ③ 원본 사진의 색이 무엇이었든 결과물은 항상 지정한 두 색 사이의 색조로만 보이게 됩니다
왜 사진이 딱 두 가지 색으로만 보일까 — 듀오톤의 원리
듀오톤(duotone)은 원래 인쇄에서 흑백 사진에 잉크 두 가지를 겹쳐 찍던 기법에서 온 이름입니다. 디지털에서도 원리는 같습니다. 사진의 색상 정보(색상·채도)를 지우고 밝기 정보만 남기는 흑백 변환이 첫 단계입니다.
흑백으로 바뀐 사진은 각 픽셀이 0(완전히 검음)부터 255(완전히 흼) 사이의 밝기 값 하나만 갖게 됩니다. 이 단계까지는 그냥 흑백사진과 다르지 않습니다.
두 번째 단계에서 이 밝기 값을 색으로 바꿔 다시 칠합니다. 가장 어두운 픽셀은 지정한 어두운 색으로, 가장 밝은 픽셀은 지정한 밝은 색으로 칠하고, 그 사이 밝기는 두 색을 밝기 비율만큼 섞은 중간색으로 칠합니다. 원본 색이 빨강이었든 파랑이었든, 밝기만 같으면 결과 색도 같아집니다.
확인하는 방법 — 밝기값에 두 색을 입히는 계산
도구 없이도 이 과정을 그대로 재현할 수 있습니다. 먼저 사진 편집 프로그램에서 채도를 0으로 낮추거나 흑백 필터를 적용해 밝기 정보만 남깁니다. 이 상태에서는 각 픽셀에 회색조 값 하나만 남습니다.
그다음 두 색을 정합니다. 하나는 어두운 부분에 쓸 색(그림자색), 하나는 밝은 부분에 쓸 색(하이라이트색)입니다. 포토샵 같은 프로그램의 '그레이디언트 맵' 기능이 정확히 이 역할을 합니다. 회색조 0~255 구간 양 끝에 두 색을 둔 그러데이션을 등록하면, 각 픽셀의 밝기 값을 그러데이션 위 같은 위치의 색으로 자동 치환해 줍니다.
수식으로 보면 어렵지 않습니다. 밝기 비율을 t(0~1)라 하면, 결과 색의 R·G·B 각 채널은 '어두운 색 값 + (밝은 색 값 − 어두운 색 값) × t'로 구해집니다. 밝기가 낮을수록 어두운 색에, 밝기가 높을수록 밝은 색에 가까워지는 식입니다.
저희 도구로 확인하기. 이 계산과 그레이디언트 맵 적용을 직접 하지 않아도, 두 색만 고르면 같은 결과를 바로 눈으로 확인할 수 있습니다.
무료 · 가입 불필요 · 브라우저에서 바로 듀오톤 변환
자주 막히는 지점
| 상황 | 왜 그런지 |
|---|---|
| 두 색의 밝기 차이가 작음 | 그러데이션 폭이 좁아져 명암 대비가 흐릿하게 나옴 |
| 흑백 변환 없이 색만 덧씌움 | 원본 색상 정보가 그대로 남아 듀오톤이 아니라 단순 색보정처럼 보임 |
| CSS 오버레이 방식만 사용 | 화면에는 비슷해 보여도 저장된 파일의 픽셀 값(RGB)은 원본 그대로 남아있음 |
| 원본 사진 자체가 저대비 | 밝기 범위가 좁으면 두 색 사이 그러데이션도 좁은 구간에 몰림 |
CSS로 흑백 필터와 색 오버레이를 겹치는 방식은 화면에서는 듀오톤처럼 보이지만, 저장되는 파일의 픽셀 값 자체를 바꾸는 것은 아닙니다. 이미지 파일로 저장해야 한다면 픽셀 단위로 밝기를 계산해 색을 다시 칠하는 과정이 필요합니다.
정리
듀오톤은 사진의 색상 정보를 지우고 밝기 정보만 남긴 뒤, 그 밝기값 0~255 구간 양 끝에 어두운 색과 밝은 색을 둔 그러데이션을 다시 입히는 두 단계 절차입니다. 원본 색이 무엇이었든 밝기만 같으면 같은 색으로 칠해지기 때문에 결과물이 항상 두 가지 색조로만 보입니다.
두 색의 밝기 차이를 크게 둘수록 명암 대비가 또렷해지고, 차이가 작으면 흐릿한 결과가 나옵니다. 원하는 느낌에 맞춰 두 색의 밝기 차이부터 확인하는 것이 첫걸음입니다.
무료 · 가입 불필요 · 브라우저에서 바로 듀오톤 변환
자주 묻는 질문
포토샵 없이도 듀오톤 이미지를 만들 수 있나요?
가능합니다. 듀오톤은 흑백 변환과 밝기 기준 색 치환이라는 두 단계로 이뤄지는 일반적인 원리이기 때문에, 이 두 단계를 지원하는 도구라면 프로그램 설치 없이 브라우저에서도 같은 결과를 만들 수 있습니다.
듀오톤과 사진 위에 색을 덧씌우는 필터는 뭐가 다른가요?
색 필터는 원본 색상 위에 하나의 색을 반투명하게 겹치는 방식이라 원본 색감이 어느 정도 남습니다. 듀오톤은 원본 색을 완전히 지우고 밝기 값만 남긴 뒤 두 색으로 다시 칠하기 때문에, 원본이 어떤 색이었든 결과는 항상 지정한 두 색 사이의 색조로만 나옵니다.
어떤 색 조합을 골라야 또렷한 결과가 나오나요?
두 색의 밝기 차이가 클수록 대비가 또렷해집니다. 짙은 남색이나 검정에 가까운 색을 어두운 색으로, 파스텔톤처럼 밝은 색을 밝은 색으로 짝지으면 사진의 명암 구조가 잘 드러납니다. 두 색이 밝기 면에서 비슷하면 사진 전체가 한 가지 톤으로 뭉개져 보입니다.