이미지 색상 반전 원리, 사진만 이상해 보이는 이유
아이폰이나 안드로이드의 손쉬운 사용(접근성) 메뉴에서 '색상 반전'을 켜거나, 웹페이지를 강제로 다크 모드처럼 바꿔주는 브라우저 확장 프로그램을 써본 적이 있다면 텍스트는 멀쩡한데 사진만 필름 네거티브처럼 바뀌는 걸 본 적이 있을 겁니다.
이건 고장이 아니라, 화면의 모든 픽셀 색을 똑같은 계산식으로 뒤집는 '색상 반전'이 사진에도 예외 없이 적용되기 때문입니다.
요약 ① 색상 반전은 픽셀의 R·G·B 값을 각각 255에서 뺀 값으로 바꾸는 단순한 계산입니다. ② 글자·아이콘처럼 단순한 색에는 반전이 잘 어울리지만, 이미 다채로운 색을 가진 사진에 적용하면 원색이 보색으로 바뀌어 부자연스럽게 보입니다. ③ 같은 반전을 두 번 적용하면 255에서 두 번 빼는 셈이라 원래 값으로 정확히 돌아옵니다.
색상 반전이 사진만 이상하게 만드는 이유
색상 반전 기능은 원래 밝은 배경의 어두운 글씨를 어두운 배경의 밝은 글씨로 뒤집어 눈부심을 줄이려고 만든 기능입니다. 문제는 이 기능이 글자만 골라 반전하는 게 아니라, 화면에 그려지는 모든 픽셀을 똑같은 계산식 하나로 처리한다는 점입니다.
그래서 사진이나 동영상처럼 이미 다양한 색이 섞여 있는 이미지에 이 계산이 적용되면, 파란 하늘은 노란빛으로 붉은 사과는 청록빛으로 바뀌어 필름 네거티브를 보는 듯한 결과가 나옵니다. 눈에는 '고장'처럼 보이지만 실제로는 정해진 계산이 그대로 실행된 결과입니다.
이 계산이 정확히 무엇인지 — 이렇게 확인합니다
색상 반전의 계산 자체는 단순합니다. 화면의 모든 픽셀은 빨강(R)·초록(G)·파랑(B) 세 값(0~255)으로 표현되는데, 반전은 각 값을 255에서 뺀 값으로 바꾸는 것이 전부입니다. 순수한 흰색(255,255,255)을 반전하면 검정(0,0,0)이 되고, 밝은 빨강(255,0,0)을 반전하면 청록색(0,255,255)이 됩니다.
이 계산은 도구 없이도 직접 확인할 수 있습니다. 아무 웹페이지에서나 브라우저 개발자 도구(F12)의 콘솔을 열고 아래 한 줄을 입력하면, 그 페이지에 있는 사진에 색상 반전이 그 자리에서 적용되는 걸 눈으로 볼 수 있습니다.
document.querySelectorAll('img').forEach(el => el.style.filter = 'invert(1)')
콘솔 창을 닫거나 페이지를 새로고침하면 반전이 사라지고 원래 사진으로 돌아옵니다. 이때 같은 요소에 반전을 한 번 더 겹쳐 보면 원래 색으로 되돌아오는 것도 확인할 수 있는데, 255에서 두 번 빼는 계산이 원래 값과 같아지기 때문입니다.
저희 도구로 확인하기. 매번 개발자 도구를 열어 코드를 입력하는 대신, 사진 파일 하나만 올리면 같은 계산을 적용한 결과를 바로 PNG로 받아볼 수 있습니다.
무료 · 가입 불필요 · 브라우저 안에서 바로 이미지 색 반전(네거티브) 후 PNG 다운로드
자주 막히는 지점
| 증상 | 원인 |
|---|---|
| 텍스트는 괜찮은데 사진만 이상해 보임 | 반전 계산이 글자·사진 구분 없이 모든 픽셀에 똑같이 적용되기 때문 |
| 하늘이 노랗게, 나뭇잎이 보라색으로 보임 | 각 채널(R,G,B)을 255에서 뺀 보색으로 바뀌어서 생기는 현상 |
| 반전을 두 번 하니 원래대로 돌아옴 | 255에서 두 번 빼는 계산이 원래 값과 같아지는 산술적 결과 |
| 회색 사진은 반전해도 색은 그대로인데 밝기만 바뀜 | 회색은 R=G=B라서 반전해도 세 값이 똑같이 뒤집혀 회색 계열을 벗어나지 않음 |
정리
- 색상 반전은 픽셀의 R·G·B 값을 각각 255에서 뺀 값으로 바꾸는 단순한 계산입니다.
- 이 계산은 글자와 사진을 구분하지 않고 화면의 모든 픽셀에 똑같이 적용됩니다.
- 그래서 다크 모드나 손쉬운 사용의 색상 반전 기능을 켜면 사진·동영상만 필름 네거티브처럼 보이는 것이 정상적인 계산 결과입니다.
- 같은 반전을 두 번 적용하면 정확히 원래 값으로 돌아오고, 회색조 이미지는 반전해도 색상 자체는 그대로 남습니다.
- 브라우저 개발자 도구의 콘솔로도 이 계산을 직접 확인할 수 있지만, 파일로 저장하려면 도구를 쓰는 편이 빠릅니다.
무료 · 가입 불필요 · 브라우저 안에서 바로 이미지 색 반전(네거티브) 후 PNG 다운로드
자주 묻는 질문
색상 반전을 두 번 적용하면 왜 원래 이미지로 돌아오나요?
반전은 각 채널 값을 255에서 빼는 계산입니다. 어떤 값 V를 반전하면 255-V가 되고, 그 결과를 다시 반전하면 255-(255-V), 즉 V로 정확히 돌아옵니다. 그래서 같은 반전을 두 번 겹치면 산술적으로 원래 값과 같아집니다.
다크 모드를 켰을 때 왜 사진만 유독 이상하게 보이나요?
다크 모드나 손쉬운 사용의 화면 반전 기능은 화면에 그려지는 모든 픽셀에 똑같은 반전 계산을 적용합니다. 흰 배경에 검은 글씨 같은 단순한 조합은 반전해도 여전히 읽기 편하지만, 이미 다양한 색이 섞인 사진은 반전하면 원색이 보색으로 바뀌어 어색하게 보입니다.
흑백(회색조) 사진도 색상 반전을 하면 어떻게 되나요?
회색조 픽셀은 R·G·B 세 값이 서로 같습니다(예: 128,128,128). 반전해도 세 값이 모두 255에서 똑같이 빠지므로 결과 역시 R=G=B인 회색조를 유지하며, 밝던 부분은 어둡게 어둡던 부분은 밝게 바뀝니다. 그래서 흑백 사진의 반전은 명암만 뒤집힌 필름 네거티브처럼 보입니다.
반전된 이미지를 다시 원본 색으로 되돌릴 수 있나요?
네. 반전된 이미지를 다시 한번 색상 반전 처리하면 원래 색으로 정확히 돌아옵니다. 반전은 255에서 값을 빼는 가역적인 계산이라, 같은 처리를 두 번 거치면 항상 원본과 동일한 결과가 나옵니다.