QR Code 색상 가이드: 흑백을 넘어서

<\/script>\n

'; }, get iframeSnippet() { const domain = 'qrcodefyi.com'; const type = 'guide'; const slug = 'qr-code-colours'; return ''; }, get activeSnippet() { return this.method === 'script' ? this.scriptSnippet : this.iframeSnippet; }, copySnippet() { navigator.clipboard.writeText(this.activeSnippet).then(() => { this.copied = true; setTimeout(() => { this.copied = false; }, 2000); }); } }" @keydown.escape.window="open = false" @click.outside="open = false">

Embed This Widget

Theme

Widget powered by . Free, no account required.

Using brand colours in QR codes: contrast requirements, dark/light rules, gradient risks, and colour-blind accessibility.

Updated 10월 17, 2025

QR Code Colour Guide: Beyond Black and White
The Fundamental Rule
What Works
What Fails
Gradient Warnings
Colour-Blind Accessibility
Background Colour Considerations
Printing Colour Concerns
Key Takeaways

QR Code Colour Guide: Beyond Black and White

QR codes do not have to be black and white. Brand colours can make QR codes more attractive and recognisable, but incorrect colour choices can make them unscannable.

The Fundamental Rule

Dark modules must be darker than light modules. Scanners detect contrast between adjacent modules, not specific colours. As long as the module brightness difference (min 37.5%)." data-category="Scanning & Reading">contrast ratio is sufficient, any colour combination works.

What Works

Dark Module	Light Module	Verdict
Black	White	Best contrast
Dark blue	White	Excellent
Dark green	Light grey	Good
Dark purple	Cream	Good
Dark red	White	Acceptable

What Fails

Dark Module	Light Module	Problem
Yellow	White	Insufficient contrast
Light blue	White	Too similar
Red	Green	Colour-blind inaccessible
Grey	Light grey	Low contrast

Gradient Warnings

Gradients across the QR code create variable contrast: - The gradient start may have good contrast, but the endpoint may not - Modules in the low-contrast zone may fail to scan - If you must use gradients, ensure even the weakest point has 40%+ contrast

Approximately 8% of men and 0.5% of women have colour vision deficiency. Avoid relying solely on red-green distinction. Test your QR code in greyscale — if it scans in greyscale, it works for colour-blind users.

Background Colour Considerations

The quiet zone must match the light module colour. If your light modules are cream-coloured, the quiet zone should also be cream. A white quiet zone with cream modules creates a false boundary.

Printing Colour Concerns

CMYK vs RGB: Colours may shift between screen (RGB) and print (CMYK). Print a test copy and scan it.
Ink coverage: Very dark colours may bleed at high DPI, merging adjacent dark modules.
Paper stock: Coloured paper affects the perceived light module colour.

Key Takeaways

Dark-on-light is the only rule — not specifically black-on-white
Maintain at least 40% contrast ratio between dark and light modules
Test in greyscale to verify colour-blind accessibility
Avoid gradients that create inconsistent contrast across the code
Print and scan a test copy — screen colours differ from printed colours