← Zurück zu QR Einfach

Gestaltung & CI

QR-Code Farbe anpassen – CI-konform ohne Scan-Fehler

Ein farbiger QR-Code sieht professionell aus und passt ins Corporate Design – solange die Kontrastregel stimmt. Was viele nicht wissen: Dem Scanner ist die Farbe egal. Er misst nur den Helligkeitsunterschied. Hier erfährst du, welche Kombinationen funktionieren und welche den Code unlesbar machen.

✓ CI-Farben verwenden ✓ Kontrastregel verstehen ✓ Fehler vor dem Druck vermeiden
QR-Code mit Farbe erstellen

Die einzige Regel, die zählt

⚡ Kontrastregel

Die Module (dunkle Quadrate) müssen deutlich dunkler sein als der Hintergrund. Der Helligkeitsunterschied sollte mindestens 40–50 % betragen – besser mehr.

Der Scanner analysiert kein RGB, sondern wandelt alles in Graustufen um. Dunkelblau auf Weiß: ✓. Mittelgrau auf Weiß: ✗. Dunkelrot auf Hellgelb: ✓.

Das bedeutet: Fast jede dunkle Farbe für die Module ist erlaubt – solange der Hintergrund deutlich heller ist. Umgekehrt (helle Module auf dunklem Grund) funktioniert in den meisten Scanner-Apps nicht zuverlässig.

Erlaubt & nicht erlaubt – im Überblick

✓ Funktioniert

  • Schwarz auf Weiß (Klassiker)
  • Dunkelblau (#1a3a5c) auf Weiß
  • Dunkelgrün (#145214) auf Hellgrau
  • Dunkelrot (#7a0000) auf Beige
  • Dunkelbraun auf Creme
  • Corporate-Farbe (dunkel) auf weißem Hintergrund

✗ Funktioniert nicht

  • Weiß auf Schwarz (invertiert)
  • Mittelgrau (#888) auf Weiß
  • Gelb auf Weiß – zu wenig Kontrast
  • Hellblau auf Weißblau
  • Pastellfarben auf hellem Hintergrund
  • Gleiche Helligkeit für Module und Hintergrund

CI-Farben richtig einsetzen

Du willst die Farben deines Unternehmens nutzen? So geht es richtig:

Schritt 1: Prüfe, ob deine CI-Farbe dunkel genug ist. Nimm den Hex-Wert, konvertiere ihn in HSL und schau auf den L-Wert (Lightness). Alles unter 45 % ist für Module geeignet.

Schritt 2: Verwende die CI-Farbe für die Module, nicht für den Hintergrund. Den Hintergrund lässt du weiß oder sehr hell.

Schritt 3: Mach den Graustufen-Test (s. u.) und scan mit zwei verschiedenen Geräten.

Beispiele: Diese CI-Farbtöne funktionieren

Dunkelblau #1a3a6c
Dunkelgrün #145214
Dunkelrot #7a2200
Dunkelgrau #333333
Violett #3d007a

Die 5 häufigsten Farbfehler bei QR-Codes

⚠️
Invertierter Code

Helle Module auf dunklem Hintergrund. Sieht modern aus, wird aber von einem Großteil der Scanner-Apps abgelehnt oder ignoriert.

⚠️
Zu helle Modulfarbe

Mittelgrau (#888) auf Weiß – auf dem Bildschirm lesbar, nach dem Druck nicht mehr. Tintenstrahler reduzieren den Kontrast zusätzlich.

⚠️
Farbiger Hintergrund + dunkle Module

Dunkelblau auf Dunkelgrün: beide Farben gleich dunkel, kein Kontrast. Im Graustufen-Test sieht man sofort das Problem.

⚠️
Transparenter Hintergrund auf farbigem Medium

PNG mit transparentem Hintergrund auf ein dunkles Plakat gelegt – plötzlich ist die Lesbarkeit weg.

⚠️
Verlauf oder Muster im Hintergrund

Gradienten, die von hell nach dunkel wechseln, erzeugen im unteren Teil zu wenig Kontrast. Nur einfarbige Hintergründe verwenden.

So testest du Kontrast richtig

Bevor du druckst, mach diese zwei Tests:

🖤 Graustufen-Test (30 Sekunden) Öffne das Bild des QR-Codes in einem Bildbearbeitungsprogramm oder macOS Preview. Ändere den Modus auf Graustufen oder desaturiere per Filter. Siehst du klare dunkle Module auf hellem Grund? Dann ist der Kontrast ausreichend. Verschmelzen Module und Hintergrund zu ähnlichem Grau? Farbe dunkler wählen.
📱 Geräte-Test (2 Minuten) Scan mit iPhone-Kamera (Kamera-App, kein Drittanbieter) und einer Android-Kamera. Wenn beide scannen, ist der Code für 95 %+ der Nutzer lesbar. Schlägt einer fehl, Kontrast erhöhen.

Häufige Fragen zur QR-Code-Farbe

Darf ich einem QR-Code eine Farbe geben?

Ja – die einzige Pflicht ist ausreichend Kontrast. Dunkle Module auf hellem Hintergrund mit mindestens 40–50 % Helligkeitsunterschied. Die Farbe selbst spielt keine Rolle, nur der Helligkeitswert (Luminanz) entscheidet.

Warum sollte ich keinen invertierten QR-Code nutzen?

Viele Scanner-Apps – insbesondere ältere Android-Kamera-Apps – werten nur dunkle Module auf hellem Grund aus. Ein invertierter Code wird abgelehnt oder gar nicht erkannt. Für Plakate auf dunklem Grund: Weiße Fläche unter den Code legen.

Welche Farben funktionieren für QR-Code-Module?

Alle dunklen Farben: tiefes Blau, Dunkelgrün, Dunkelrot, Schwarz, Dunkelgrau, Dunkelviolett. Wichtig: Die Farbe muss deutlich dunkler sein als der Hintergrund. Mittelgraue Töne auf weißem Grund sind riskant.

Wie teste ich, ob mein farbiger QR-Code lesbar ist?

Graustufen-Test: Bild desaturieren – sehen die Module noch klar aus? Dann mit iPhone-Kamera und Google Lens scannen. Bestehen beide Tests, ist der Code für alle gängigen Geräte geeignet.

Kann ich meinen QR-Code in Unternehmensfarben drucken lassen?

Ja, solange die CI-Farbe der Module dunkel genug ist (L-Wert unter 45 % in HSL). Hintergrund bleibt weiß oder sehr hell. CI-Farbe nur für die Module, nicht für den Hintergrund.

Weiterführend