Das Anpassen der Farben eines QR-Codes ist der einfachste Weg zur Abstimmung auf Ihr Corporate Design. Doch nicht jede Farbkombination ist für Kamerasensoren optimal lesbar. Dieser Leitfaden erklärt die Hintergründe und liefert geprüfte, sichere Farbkombinationen.
Die goldene Regel: Dunkel auf Hell
QR-Code-Scanner funktionieren durch das Erkennen von Helligkeitsunterschieden (Kontrast) zwischen den Datenpunkten und dem Hintergrund:
Dunkle Punkte auf hellem Grund. Ausnahmslos.
check_circle
Sicher & Kontrastreich (Empfohlen)
- check Dunkelblaue oder schwarze Punkte auf reinweißem Hintergrund
- check Anthrazitfarbene Module auf warmem Creme oder Hellgrau
- check Tiefes Waldgrün auf Off-White (über 5,5:1 Kontrast)
cancel
Nicht lesbare Fallen (Vermeiden)
- close Hellgelb, Babyblau oder Pastellrosa auf Weiß (1,1:1)
- close Weiße Punkte auf Schwarz ohne definierte Ruhezone
- close Rote Punkte auf dunkelbraunem oder gemustertem Hintergrund
Kontrastverhältnisse verstehen
Die Richtlinien für barrierefreie Webinhalte (WCAG) definieren Kontrastwerte, die auch für QR-Codes die perfekte Orientierung bieten:
| Kontrastverhältnis | Scan-Ergebnis |
|---|---|
| 7:1 oder höher | Exzellent — scannt unter allen Lichtverhältnissen sofort |
| 4,5:1 bis 7:1 | Gut — zuverlässig in fast allen Umgebungen |
| 3:1 bis 4,5:1 | ⚠️ Riskant — Leseprobleme bei schwachem Licht oder Einstiegs-Smartphones |
| Unter 3:1 | Unbrauchbar — hohe Fehlerrate beim Scannen |
Das empfohlene Mindest-Kontrastverhältnis beträgt 4,5:1. Dies ist der Standard, den GenerateCustomQR in allen Vorlagen zugrunde legt.
Getestete, sichere Farbkombinationen
Hoher Kontrast (7:1+) — Höchste Zuverlässigkeit
| Punkt-Farbe | Hintergrund | Kontrast | Markenstil |
|---|---|---|---|
Schwarz #000000 |
Weiß #FFFFFF |
21,0:1 | Klassisch, universell |
Navy-Blau #1A237E |
Weiß #FFFFFF |
13,2:1 | Seriös, Finanzen, B2B |
Dunkelgrün #1B5E20 |
Weiß #FFFFFF |
7,9:1 | Öko, Natur, Nachhaltigkeit |
Dunkles Bordeaux #880E4F |
Weiß #FFFFFF |
9,4:1 | Premium, Wein, Gastronomie |
Dunkelviolett #4A148C |
Weiß #FFFFFF |
11,9:1 | Kreativ, Technologie, Kultur |
Anthrazit #212121 |
Hellgrau #F5F5F5 |
14,8:1 | Modern, minimalistisch |
Mittlerer Kontrast (4,5–7:1) — Gute Zuverlässigkeit
| Punkt-Farbe | Hintergrund | Kontrast | Markenstil |
|---|---|---|---|
Stahlblau #1565C0 |
Weiß #FFFFFF |
5,7:1 | SaaS, Tech, Medizin |
Waldgrün #2E7D32 |
Weiß #FFFFFF |
5,1:1 | Gartenbau, Umwelt |
Dunkelrot #C62828 |
Weiß #FFFFFF |
5,6:1 | Handel, Gastronomie, Events |
Gebranntes Orange #BF360C |
Weiß #FFFFFF |
5,6:1 | Lieferservice, Sport |
Petrol #00695C |
Weiß #FFFFFF |
6,6:1 | Wellness, Gesundheit |
Gefährliche Kombinationen — Bitte vermeiden
| Punkt-Farbe | Hintergrund | Kontrast | Problem |
|---|---|---|---|
Gelb #FFEB3B |
Weiß #FFFFFF |
1,2:1 | Nahezu unsichtbar für Sensoren |
Hellblau #81D4FA |
Weiß #FFFFFF |
1,6:1 | Viel zu geringer Kontrast |
Hellgrün #A5D6A7 |
Weiß #FFFFFF |
1,6:1 | Überstrahlt bei Tageslicht |
Rosa #F48FB1 |
Weiß #FFFFFF |
2,2:1 | Zu schwacher Helligkeitswert |
Grau #BDBDBD |
Weiß #FFFFFF |
1,9:1 | Verschwimmt mit dem Grund |
Weiß #FFFFFF |
Schwarz #000000 |
N/A | Invertiert — scheitert ohne Zusatzrahmen |
Farbstrategien nach Branchen
Unternehmen & Finanzen
- Farben: Marineblau, Anthrazit, Schiefergrau
- Hintergrund: Reinweiß oder sehr helles Grau
- Stil: Klar, professionell, maximaler Kontrast
- Tipp: Klassische quadratische Punkte wählen
Gastronomie & Restaurants
- Farben: Dunkelrot, Terrakotta, Olivgrün
- Hintergrund: Warmes Creme
#FFF8E1 - Stil: Einladend, warm, appetitanregend
- Tipp: An das Design der Speisekarte anpassen
Technologie & Software
- Farben: Königsblau, Deep Violet, Türkis
- Hintergrund: Weiß oder Dark Mode
- Stil: Innovativ, Farbverläufe
- Tipp: Abgerundete oder fließende Punkt-Formen nutzen
Gesundheit & Wohlbefinden
- Farben: Petrol, Smaragdgrün, Tiefblau
- Hintergrund: Weiß
- Stil: Vertrauenerweckend, ruhig, sauber
Luxus & Lifestyle
- Farben: Schwarz, tiefe Bronze-/Gold-Töne, Burgunder
- Hintergrund: Elfenbein oder Weiß
- Stil: Elegant, edel, reduziert
- Tipp: Filigrane Augen-Rahmen wählen
Farbverläufe (Gradients) richtig einsetzen
GenerateCustomQR unterstützt vier Verlaufstypen:
- Linear Vertikal — Oben dunkel, unten weicher
- Linear Horizontal — Von links nach rechts
- Radial — Im Zentrum intensiv, nach außen übergehend
- Diagonal — Dynamischer Verlauf über die Ecken
Sicherheitsregeln für Verläufe
- Beide Farben müssen dunkel genug sein: Ist eine Seite zu hell, bricht das Scannen ab.
- Sicherer Verlauf: Dunkelblau → Dunkellila (beide über 4,5:1 Kontrast).
- Unsicherer Verlauf: Dunkelblau → Hellgelb (der gelbe Teil wird unlesbar).
- Beste Praxis: Innerhalb derselben Farbfamilie bleiben (z. B. Marineblau zu Mittelblau).
QR-Codes auf dunklem Hintergrund (Dark Mode)
Wenn ein Design zwingend einen dunklen Hintergrund erfordert:
So gelingt der Scan
- Weiße oder sehr helle Punkte auf tiefdunklem Grund verwenden
- Eigene weiße Ruhezone rund um den QR-Code belassen
- Ausgiebig testen — dunkle Hintergründe sind optisch anspruchsvoller
Empfohlene Dark-Mode-Kombinationen
| Punkt-Farbe | Hintergrund | Kontrast | Anmerkung |
|---|---|---|---|
Weiß #FFFFFF |
Dunkelblau #0D1117 |
18,9:1 | Funktioniert mit weißer Ruhezone hervorragend |
Hellgelb #FFF9C4 |
Anthrazit #1A1A1A |
16,2:1 | Angenehm warmer Kontrast |
Helles Cyan #B2EBF2 |
Tiefes Petrol #004D40 |
7,5:1 | Moderner, monochromer Look |
Augen- und Pupillenfarben
Die drei Eckquadrate (Suchmuster) sind essenziell für die Orientierung der Kamera:
- Gleich oder dunkler als die umgebenden Punkte halten
- Niemals heller als das Punktmuster gestalten
- Ausreichenden Kontrast zum Hintergrund wahren
In GenerateCustomQR können Sie Augen-Rahmen und Pupillen separat einfärben.
Checkliste vor dem Druck
- Kontrastverhältnis von mindestens 4,5:1 geprüft
- Scan-Test bei hellem Tageslicht durchgeführt
- Scan-Test bei gedimmtem Raumlicht durchgeführt
- Sowohl auf iPhone als auch auf Android getestet
- Probedruck im Originalmaßstab getestet
- Farbverläufe an beiden Endpunkten auf Lesbarkeit kontrolliert
Gestalten Sie Ihren gebrandeten QR-Code
Bereit für einen maßgeschneiderten QR-Code in Ihren Firmenfarben? GenerateCustomQR bietet volle Farbfreiheit bei garantierter Lesbarkeit — 100% kostenlos.