qr코드 색상 변경, 어떤 색까지 찍히는지 대비 비율 표와 반전 QR 주의점

2026-11-07

이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

가게 브랜드 색에 맞춰 노란 QR코드를 뽑아 계산대에 붙였는데, 손님 폰이 한참 초점만 맞추다 포기합니다. 화면에서는 멀쩡해 보였는데 말입니다.

qr코드 색상 변경 자체는 어렵지 않습니다. 어려운 건 색을 바꾼 뒤에도 카메라가 읽게 만드는 일입니다. 이 글은 어떤 색이 되고 어떤 색이 안 되는지, 그 기준을 숫자로 정리합니다.

1. 카메라는 색이 아니라 밝기 차이를 봅니다

QR코드를 읽는 앱은 사진을 찍은 뒤 대부분 흑백 밝기로 바꿔서 점을 셉니다. 빨강인지 파랑인지는 거의 따지지 않습니다. 각 칸이 "어두운 칸"인지 "밝은 칸"인지만 가립니다.

그래서 색을 바꿀 때 기준은 하나입니다. 점(모듈)은 충분히 어둡고, 바탕은 충분히 밝아야 합니다. 노랑, 연분홍, 하늘색처럼 밝은 색은 흑백으로 바꾸면 흰 바탕과 거의 구분되지 않습니다.

▲ 화면에서 예뻐도 카메라 눈에는 밝기 차이만 보입니다

2. 색 조합별 대비 표

아래 숫자는 흰 바탕 위에 각 색으로 점을 찍었을 때의 밝기 대비 비율입니다. 웹 접근성 기준(WCAG)에서 쓰는 상대 휘도 계산식으로 직접 계산했습니다. 1:1은 구분이 안 되는 상태, 21:1은 검정과 흰색입니다.

| 점 색 (흰 바탕) | 색 코드 | 대비 비율 | 판정 | |---|---|---|---| | 검정 | #17161A | 약 18:1 | 매우 안전 | | 남색 | #1B2A4A | 약 14:1 | 매우 안전 | | 잉크 파랑 | #23479E | 약 8.5:1 | 안전 | | 버건디 | #8A2B3A | 약 8.4:1 | 안전 | | 짙은 초록 | #1F6B4A | 약 6.4:1 | 안전 | | 선명한 빨강 | #E53935 | 약 4.2:1 | 아슬아슬 | | 주황 | #FF8A00 | 약 2.4:1 | 위험 | | 하늘색 | #5AB4F0 | 약 2.3:1 | 위험 | | 연분홍 | #FF8FB1 | 약 2.1:1 | 위험 | | 연회색 | #BBBBBB | 약 1.9:1 | 위험 | | 노랑 | #F2C200 | 약 1.7:1 | 거의 안 읽힘 |

QR 표준이 "대비 몇 대 1 이상"이라고 숫자를 못 박아 두지는 않습니다. 다만 실제로 써 보면 7:1 이상이면 어두운 매장, 비스듬한 각도에서도 무난하고, 4:1 근처부터는 조명과 폰에 따라 갈립니다. 3:1 아래는 인쇄하기 전에 다시 고르는 편이 안전합니다.

계산 예시를 하나 들면, 노랑 #F2C200 은 상대 휘도가 약 0.57, 흰색은 1.0입니다. (1.0 + 0.05) ÷ (0.57 + 0.05) ≈ 1.7. 사람 눈에는 진한 노랑이지만 밝기로는 흰색과 크게 다르지 않다는 뜻입니다.

브랜드 색이 노랑이라면 방법이 있습니다. 노랑을 바탕으로 쓰고 점은 남색이나 검정으로 찍는 겁니다. 남색 점 + 노랑 바탕은 약 8.5:1이 나옵니다. 색은 살리고 대비는 지킬 수 있습니다.

▲ 진한 색은 점, 밝은 색은 바탕에 두면 대부분 해결됩니다

3. 반전 QR(밝은 점, 어두운 바탕)이 안 읽히는 이유

검은 바탕에 흰 점을 찍은 반전 QR은 세련돼 보여서 명함이나 포스터에 자주 쓰입니다. 그런데 이건 대비가 충분해도 안 읽히는 경우가 있습니다.

이유는 대비가 아니라 방향입니다. QR코드의 기본 규칙은 어두운 점, 밝은 바탕입니다. 반전 이미지를 읽을 수 있게 표준이 열어 두긴 했지만, 그 기능을 넣지 않은 스캔 앱도 적지 않습니다. 같은 반전 QR을 어떤 폰 카메라는 바로 읽고, 어떤 앱은 끝까지 못 읽습니다.

손님이 어떤 폰과 앱을 쓸지 모르는 매장·전단지: 반전 쓰지 않기
꼭 어두운 디자인이 필요할 때: 어두운 바탕 위에 흰 네모 판을 깔고 그 안에 일반 QR을 얹기
흰 판 둘레에 점 4칸 이상 여백(콰이어트 존)을 남기기

4. 색을 바꾼 QR 확인 순서

흑백으로 보기: 휴대폰 사진 편집에서 흑백 필터를 씌워 봅니다. 점이 회색으로 흐려지면 다시 고릅니다
폰 두 대로 찍기: 아이폰 기본 카메라와 갤럭시 기본 카메라로 각각 찍어 봅니다. 하나만 되면 실패로 봅니다
인쇄해서 찍기: 화면은 스스로 빛을 내서 대비가 실제보다 좋아 보입니다. 종이나 스티커로 한 장 뽑아 매장 조명 아래에서 찍어 봅니다
크기 확인: 색을 옅게 했다면 크기라도 넉넉히. 인쇄 크기 기준은 QR코드 최소 크기 글에 정리했습니다

코팅 필름이나 유광 스티커는 빛 반사 때문에 색 대비가 더 떨어집니다. 무광으로 뽑거나, 반사가 걱정되는 자리에는 검정을 쓰세요.

5. 도구로 바꾸는 법과 못 하는 것

자고투(ZAGO.TO)의 QR코드 만들기에서는 주소를 넣은 뒤 색 버튼으로 점 색을 바꿉니다. 검정, 잉크 파랑, 초록, 버건디 네 가지가 기본이고, 색 고르기 칸에서 원하는 색 코드를 직접 넣을 수도 있습니다. 기본 네 색은 위 표에서 모두 6:1 이상인 색입니다.

못 하는 것도 분명히 적겠습니다.

바탕색은 흰색으로 고정입니다. 투명 바탕이나 노랑 바탕은 만들 수 없습니다. 바탕을 바꾸려면 SVG로 받아 디자인 프로그램에서 고치세요
밝은 색을 골라도 막지 않습니다. 경고 없이 그대로 그려지니 위 표를 보고 고르셔야 합니다
반전 QR, 그라데이션 점은 만들지 않습니다

가운데 로고를 넣으면 오류 복원 단계를 높여(H) 일부가 가려져도 읽히게 만듭니다. 로고와 옅은 색을 함께 쓰면 여유가 빨리 줄어드니, 로고를 넣을 땐 점 색을 진하게 두세요.

저장은 PNG와 인쇄용 SVG 두 가지입니다. 이 QR은 주소를 그대로 담는 정적 QR이라 기간이 지나도 꺼지지 않습니다. 자세한 차이는 QR코드 유효기간 글에 있습니다.

3줄 요약

QR 색은 밝기 대비로 갈립니다. 진한 점 + 밝은 바탕이 원칙입니다
흰 바탕 기준 노랑·연분홍·하늘색은 위험, 남색·버건디·짙은 초록은 안전합니다
반전 QR은 앱에 따라 안 읽히니, 흑백 필터와 폰 두 대로 확인하고 QR코드 만들기에서 진한 색으로 뽑으세요

다른 도구: 글자수 세기 · 사다리타기

출처: ISO/IEC 18004(QR 코드 규격, 어두운 모듈·밝은 바탕 기본, 반전 이미지 선택 지원), W3C WCAG 2.1 상대 휘도·대비 비율 계산식, 자고투 /qr/ 화면(점 색 4종+직접 선택, 흰 바탕, 로고 시 오류 복원 H)