Welche Farbe darf ein QR-Code haben? Kontrast, der zuverlässig scannt

Welche Farbe darf ein QR-Code haben?

Kurze Antwort: fast jede, aber eben nicht ganz jede. Ein QR-Code kann Ihre Markenfarben tragen und trotzdem zuverlässig scannen, solange Sie eine Regel beachten, auf die das Format seit seiner Erfindung angewiesen ist. Scanner lesen keine Farbe. Sie lesen den Helligkeitsunterschied zwischen den dunklen Modulen (den kleinen Quadraten, die die Daten enthalten) und dem hellen Hintergrund dahinter. Stimmt dieser Helligkeitsunterschied, haben Sie viel kreativen Spielraum. Stimmt er nicht, wird der Code zu einem dekorativen Quadrat, das niemand nutzen kann.

Für eine Agentur ist das wichtiger als für eine Privatperson. Sie bringen den Code eines Kunden auf Verpackungen, Plakaten, Fahrzeugfolierungen und Schaufenstern an, oft in kleinen Formaten und bei schlechtem Licht, damit er von jedem Telefonmodell der letzten Jahre gescannt werden kann. Ein Code, der auf dem neuen iPhone Ihrer Designerin im Studio scannt, ist nicht dasselbe wie ein Code, der auf einem fünf Jahre alten Android in einem schummrigen Cafe scannt. Dieser Leitfaden erklärt genau, wie Farbe die Scanbarkeit beeinflusst, wie die echten Kontrastwerte aussehen (und welche der oft zitierten Zahlen Mythen sind) und wie Sie einen Code branden, ohne ihn unbrauchbar zu machen.

Wie ein Scanner Ihren Code tatsächlich sieht

Wenn eine Telefonkamera auf einen QR-Code blickt, ist es ihr egal, ob Ihre Module marineblau oder waldgrün sind. Das Erste, was die Decodier-Software tut, ist die Farbe zu verwerfen. Sie wandelt das Bild in einen einzigen Helligkeitskanal (Luminanz) um und binarisiert es anschließend: Jedes Pixel wird je nachdem, ob es über oder unter einem Schwellenwert liegt, auf Schwarz oder Weiss gezwungen. Das QR-Muster übersteht diesen Schritt nur, wenn Ihre dunklen Module auf der dunklen Seite des Schwellenwerts landen und Ihr Hintergrund auf der hellen Seite.

Das ist eine harte, belegte Tatsache, keine Empfehlung. Denso Wave, das Unternehmen, das den QR-Code erfunden hat, sagt es deutlich: "Das Lesen von QR-Codes beruht auf dem Unterschied in der Lichtmenge, die von den schwarzen und weissen Bereichen reflektiert wird." Farbe ist irrelevant, ausser insoweit, als sie die Helligkeit verändert.

Worüber die meisten stolpern, ist die Frage, wie diese Helligkeit berechnet wird. Der verbreitete Open-Source-Decoder ZXing nähert die Luminanz mit (R + 2G + B) / 4 an, was Grün doppelt so stark gewichtet wie Rot oder Blau. Grünes Licht trägt also stark zur wahrgenommenen Helligkeit bei, während Blau kaum etwas beiträgt. Diese eine Formel erklärt die meisten Farbfehler: Eine Farbe, die Ihrem Auge "dunkel genug" erscheint, kann für den Binarisierer weit heller oder dunkler sein als erwartet, weil die Mathematik nicht der menschlichen Wahrnehmung entspricht.

Bessere Decoder gehen noch einen Schritt weiter. Der HybridBinarizer von ZXing wählt nicht einen Schwellenwert für das gesamte Bild, sondern berechnet einen lokalen Schwellenwert über ein Raster aus kleinen Blöcken, weshalb er mit Schatten und ungleichmässiger Beleuchtung zurechtkommt. Das Prinzip bleibt jedoch unverändert: Innerhalb jeder Region müssen Ihre Module deutlich dunkler sein als das Papier. Driftet ein Verlauf oder ein farbiger Hintergrund mitten im Code über diesen lokalen Schwellenwert, verschwinden einige Module.

Die eine Regel: dunkle Module auf hellem Hintergrund

Wenn Sie sich sonst nichts merken, dann das: Die Module müssen dunkler sein als der Hintergrund, und der kanonische, maximal kompatible QR-Code ist Schwarz auf Weiss. Denso Wave empfiehlt ausdrücklich dunkel auf hell, und der Referenz-Decodier-Algorithmus der ISO/IEC 18004 setzt dies voraus.

Das Umgekehrte, helle Module auf dunklem Hintergrund (ein "invertierter" Code), ist nicht Teil der erforderlichen Spezifikation. Ob ein invertierter Code scannt, liegt vollständig beim Decoder. Moderne Telefonkameras unter iOS und viele Android-Scanner lesen invertierte Codes. ZXing tut dies standardmässig nicht, und viele ältere, eingebettete und Kassen-Scanner können es ebenfalls nicht. Ein invertierter Code ist also ein Glücksspiel: Er funktioniert vielleicht auf dem Gerät in Ihrer Hand und scheitert an einem Drittel der Geräte im Umlauf. Bei Agenturarbeit, bei der Sie nicht steuern können, welchen Scanner ein Mitglied der Öffentlichkeit verwendet, halten Sie die Module dunkler als den Hintergrund und schalten das Glücksspiel vollständig aus.

Das hängt eng damit zusammen, warum ein Code aus Gründen scheitern kann, die nichts mit Farbe zu tun haben. Wenn Sie einem Code nachjagen, der sich überhaupt nicht scannen lässt, behandelt unser Leitfaden zu warum ein QR-Code nicht scannt die übrigen üblichen Verdächtigen.

Wie die echten Kontrastwerte aussehen

Hier erweist Ihnen das Internet einen Bärendienst. Es kursieren mehrere verschiedene "Mindestkontrast"-Zahlen, und sie stammen aus unterschiedlichen Normen, die unterschiedliche Dinge messen, sodass das Zitieren einer einzelnen Zahl ohne Kontext bedeutungslos ist. Trennen wir die harten Fakten von den Faustregeln.

• Schwarz auf Weiss ergibt etwa 21:1 auf der WCAG-Kontrastskala. Das ist die sichere Grundlinie, an der sich alle messen, und sie scannt unter fast allen Bedingungen. Das ist eine harte Tatsache.
• Denso Wave empfiehlt ein Kontrastverhältnis von mindestens 2,0:1 und berichtet, dass selbst farbinvertierte Codes auf diesem Niveau einwandfrei gelesen werden. Das kommt vom Erfinder, behandeln Sie es daher als harte Untergrenze, nicht als Zielwert.
• Unabhängige Telefontests legen nahe, dass etwa 2:1 eine realistische praktische Untergrenze ist: Bei 2:1 bestehen die meisten Geräte, zwischen 1,5:1 und 1,9:1 fallen einige Apps aus, und unter etwa 1,3:1 ist das Scannen unzuverlässig. Das ist empirisch, nennen Sie es also eine Faustregel.
• Viele Design-Leitfäden nennen "mindestens 3:1, besser 4:1" und schreiben es der ISO zu. Vorsicht hier: Diese 4:1-Zahl ist eine Best-Practice-Empfehlung, und sie sieht verdächtig nach dem WCAG-Text-Kontrastwert aus (bei dem es um Menschen geht, die Wörter lesen, nicht um Maschinen, die Codes lesen). Es ist keine wörtliche QR-Spezifikation.

Was sollten Sie also tatsächlich tun? Zielen Sie nicht auf die Untergrenze. Zielen Sie hoch. Die ehrliche Sichtweise lautet: Maximieren Sie den Luminanzunterschied, behandeln Sie Schwarz auf Weiss (21:1) als Ihre Referenz und halten Sie einen komfortablen Puffer, damit der Code schlechten Druck, schlechtes Licht und alte Kameras übersteht. Eine dunkle Markenfarbe auf weissem oder sehr hellem Hintergrund übertrifft in der Regel jeden dieser Schwellenwerte mit Spielraum. Ein Mittelton auf einem Mittelton tut das nicht.

Hüten Sie sich vor einem bestimmten Mythos: Es gibt keine glaubwürdige Quelle für Statistiken nach dem Muster "X Prozent der farbigen QR-Codes lassen sich nicht scannen", und "die ISO schreibt 4:1 vor" ist nicht korrekt. Die ISO/IEC 18004 regelt, wie der Code codiert wird; die Druckqualität wird separat nach ISO/IEC 15415 bewertet, die den Symbolkontrast als Prozentsatz misst, nicht als Verhältnis von 4:1.

Farben, die Sie unbemerkt sabotieren

Manche Farbentscheidungen scheitern aus Gründen, die Sie ihnen am Bildschirm nie ansehen würden.

Rote und orange Vordergründe sind die klassische Falle. Viele herkömmliche Barcode-Scanner (die Art an Ladenkassen) beleuchten mit einer roten LED bei etwa 660 Nanometern. Denso Wave warnt: Wenn sowohl der Hintergrund als auch der Code rotes Licht reflektieren oder absorbieren, kann der Scanner sie nicht auseinanderhalten. Rote Tinte reflektiert rotes Licht, sodass ein rotes Modul auf weissem Papier für einen rotbeleuchteten Scanner genauso hell aussehen kann wie das Papier selbst: null Kontrast, kein Lesen. Selbst für eine normale Farb-Telefonkamera liegt gesättigtes Rot auf Weiss bei nur etwa 4:1, was grenzwertig ist. Vermeiden Sie rote Module auf hellen Hintergründen.

Kontrastarme Pastelltöne (Hellblau, Gelb, Hellgrün als Vordergrund) scheitern, weil der Helligkeitsabstand unter den Binarisierungsschwellenwert fällt. Sie wirken sanft und markengerecht und sie scannen nicht.

Verläufe sind riskant, sobald sie sich irgendwo über den Code der Hintergrundhelligkeit annähern. Ein Verlauf von dunklem Marineblau zu etwas weniger dunklem Marineblau auf Weiss ist meist in Ordnung; ein Verlauf, der zu einem blassen Ton ausblendet, überschreitet den lokalen Schwellenwert und lässt Module wegfallen. Halten Sie Verläufe dunkel-zu-dunkel und gut entfernt vom Hintergrund.

Metallic-, Folien- und reflektierende Tinten verursachen ein anderes Problem: spiegelnde Blendung. Eine helle Reflexion überstrahlt die Belichtung der Kamera stellenweise und zerstört den lokalen Kontrast genau dort, wo das Glanzlicht landet. Sie sehen auf Fotos wunderschön aus und scannen schlecht, besonders auf Verpackungen unter Ladenbeleuchtung.

Wenn Ihr Ziel darin besteht, ein Logo oder Markenzeichen in den Code zu bringen, statt ihn nur einzufärben, ist das eine eigene Disziplin mit eigenen Regeln. Siehe ein Logo in einen QR-Code einbauen, ohne den Scan zu zerstören.

Fehlerkorrektur ist keine Kontrastlösung

Es gibt eine verlockende Abkürzung: "Ich drehe einfach die Fehlerkorrekturstufe auf H hoch, dann sind meine kontrastarmen Farben in Ordnung." So funktioniert es nicht, und der Unterschied ist wichtig.

Die QR-Fehlerkorrektur (Stufen L, M, Q und H, die jeweils etwa 7, 15, 25 und 30 Prozent der Codewörter wiederherstellen) verwendet Reed-Solomon-Codierung, um Module wiederherzustellen, die fehlen, beschädigt oder verdeckt sind: ein Kratzer, ein Fleck, ein darüberliegendes Logo. Sie kompensiert nicht globalen niedrigen Kontrast. Wenn das gesamte Bild nicht sauber binarisiert werden kann, kann der Decoder die Module von vornherein nicht zuverlässig lesen, sodass es nichts gibt, woran die Fehlerkorrektur arbeiten könnte. Niedriger Kontrast ist keine Beschädigung. Hohe Fehlerkorrektur toleriert Verdeckung, nicht Verschwommenheit.

Schlimmer noch: Das Erhöhen der Fehlerkorrekturstufe fügt mehr Module hinzu, was jedes Modul bei gegebener Druckgrösse kleiner macht, was die Lesbarkeit verringern kann, wenn der Code klein gedruckt wird. Wählen Sie die Stufe aus dem richtigen Grund: Verwenden Sie H, wenn Sie ein Logo überlagern oder an einem Ort drucken, an dem es Abnutzung erfährt, und verwenden Sie L oder M für den sauberen Innengebrauch. Tiefer gehen wir in unserem Leitfaden zu QR-Code-Fehlerkorrekturstufen.

Der Druck verändert Ihre Farben, prüfen Sie also nach der Umwandlung

Eine Farbe, die am Bildschirm perfekt scannt, kann im Druck scheitern, weil Bildschirme und Druckmaschinen Farbe auf entgegengesetzte Weise aufbauen. Bildschirme sind additives RGB; der Druck ist subtraktives CMYK. Wenn Ihre schöne Bildschirmfarbe in CMYK umgewandelt wird, kann sie sich verschieben, und die Verschiebung kann den Kontrast unter den Scan-Schwellenwert drücken. Wandeln Sie vor dem Versand an die Druckerei in CMYK um und prüfen Sie dann den Kontrast erneut an der umgewandelten Version, nicht an der Bildschirmversion.

Zwei konkrete Druckregeln verdienen ihren Platz:

• Verwenden Sie reines Schwarz für die Module: CMYK (0, 0, 0, 100), nicht "Rich Black". Rich Black legt Cyan, Magenta und Gelb unter das Schwarz, was Passerungenauigkeit und Farbquetschen verursacht, wo die Druckplatten nicht perfekt aufeinanderpassen. Verlaufene Kanten verwischen die Grenze zwischen Modul und Hintergrund, genau die Grenze, auf die der Scanner angewiesen ist. Reines hundertprozentiges Schwarz ergibt saubere, kontraststarke Module.
• Berücksichtigen Sie das tatsächliche Papier und die Veredelung. Cremefarbenes, Kraft- oder farbiges Papier senkt die Hintergrundhelligkeit und schrumpft Ihren Kontrast. Glänzende oder laminierte Oberflächen erzeugen Blendung. Die weisse Vorschau auf Ihrem Monitor ist nicht die Oberfläche, auf der Ihr Code leben wird.

Exportieren Sie Druckcodes als Vektor (SVG oder PDF), damit die Modulkanten in jeder Grösse gestochen scharf bleiben. Unser vollständiger Leitfaden zur Druckvorbereitung behandelt Vektor, CMYK und Auflösung im Detail.

Vergessen Sie die Ruhezone nicht

Die Ruhezone ist der freie Rand um den Code, und die ISO/IEC 18004 verlangt, dass sie auf allen Seiten vier Module breit ist. Sie ist keine optionale Dekoration; sie ist der Weg, über den der Scanner die Kanten des Symbols findet. Hier passieren zwei Farbfehler. Erstens tönen Menschen die Ruhezone ein oder lassen einen farbigen Hintergrund hineinlaufen, was den Kontrast zunichtemacht, den der Scanner braucht, um den Code zu finden. Zweitens setzen Menschen den Code ohne jeglichen freien Rand auf unruhiges Bildmaterial. Die Ruhezone muss dieselbe helle, lichtstarke Farbe behalten wie der Hintergrund des Codes. Gebrandetes Bildmaterial gehört nach aussen, nicht hinein.

Testen Sie so, wie es die Kunden Ihres Kunden tun werden

Die mit Abstand nützlichste Angewohnheit ist, das finale gerenderte oder gedruckte Asset zu testen, nicht die Designdatei, und das auf echten Geräten. Konkret:

• Testen Sie sowohl auf iOS als auch auf Android, darunter mindestens ein älteres Telefon, nicht nur das neueste im Studio.
• Testen Sie mit der nativen Kamera-App ebenso wie mit einer dedizierten Scanner-App, denn sie tolerieren niedrigen Kontrast und invertierte Codes unterschiedlich.
• Testen Sie bei realistischem Licht, einschliesslich dunkler und schräger Bedingungen, nicht nur unter Studiobeleuchtung.
• Testen Sie in der kleinsten Grösse und aus der grössten Entfernung, in der der Code wirklich eingesetzt wird. Kontrast und Grösse wirken zusammen; ein Code mit grenzwertigem Kontrast, der gross scannt, kann klein scheitern. Siehe wie gross ein QR-Code sein sollte.

Bei einer grossen oder folgenreichen Druckauflage erstellen Sie einen Proof auf dem tatsächlichen Bedruckstoff, und wenn es das Budget erlaubt, lassen Sie einen ISO/IEC-15415-Prüfer laufen, der den Symbolkontrast objektiv bewertet, statt sich auf Ihr Auge zu verlassen.

Es gibt zudem einen Barrierefreiheits-Aspekt, den Sie im Blick behalten sollten: Hoher Kontrast hilft auch Menschen mit eingeschränktem Sehvermögen, den Code zu finden und anzuvisieren, nicht nur dem Scanner. Unser Leitfaden zur QR-Code-Barrierefreiheit behandelt Platzierung, Grösse und Kontrast für menschliche Leser.

Häufig gestellte Fragen

Welche Farbe darf ein QR-Code haben?

Fast jede. Die Module dürfen jede Farbe haben, die deutlich dunkler ist als der Hintergrund, und der Hintergrund jede Farbe, die deutlich heller ist als die Module. Was Sie nicht gefahrlos tun können: den Code invertieren (hell auf dunkel), einen Vordergrund verwenden, der nicht spürbar dunkler ist als der Hintergrund, oder rote Module auf einem hellen Hintergrund einsetzen. Halten Sie den Helligkeitsunterschied hoch, dann haben Sie reichlich Spielraum.

Welche Farbe sollte ein QR-Code für die beste Scanrate haben?

Dunkle Module auf hellem Hintergrund, idealerweise Schwarz auf Weiss, was bei etwa 21:1 Kontrast liegt und unter fast allen Bedingungen scannt. Wenn Sie Markenfarbe brauchen, verwenden Sie einen dunklen, gesättigten Markenton (ein tiefes Marineblau, Waldgrün oder Anthrazit) auf Weiss oder einer sehr hellen Tönung und halten Sie sich gut von den Mindestschwellen fern.

Warum scannt mein farbiger QR-Code nicht?

Die häufigste Ursache ist unzureichender Helligkeitskontrast zwischen Modulen und Hintergrund: ein Mittelton auf einem Mittelton, ein Pastellvordergrund oder ein invertierter (hell-auf-dunkel) Code. Rote oder orange Module sind ein weiterer häufiger Übeltäter, weil Rotlicht-Scanner sie nicht von einem hellen Hintergrund unterscheiden können. Auch Druckverschiebungen (RGB zu CMYK), Glanzblendung und eine getönte Ruhezone machen ansonsten gültige Codes kaputt.

Darf ein QR-Code Weiss auf Schwarz (invertiert) sein?

Manchmal, aber es ist ein Glücksspiel. Invertierte Codes sind nicht Teil der erforderlichen QR-Spezifikation, daher hängt die Unterstützung vollständig vom Scanner ab. Moderne Telefonkameras lesen sie oft; ZXing standardmässig und viele ältere oder Kassen-Scanner nicht. Halten Sie für alles, was sich an die Öffentlichkeit richtet, die Module dunkler als den Hintergrund.

Behebt eine höhere Fehlerkorrekturstufe niedrigen Kontrast?

Nein. Die Fehlerkorrektur stellt Module wieder her, die fehlen, beschädigt oder verdeckt sind, nicht einen Code, der von vornherein zu kontrastarm zum Binarisieren ist. Kontrast ist ein anderes Problem als Beschädigung. Beheben Sie den Kontrast; verlassen Sie sich nicht darauf, dass die Fehlerkorrektur ein verschwommenes Farbschema rettet.

Warum sollte ich rote QR-Codes vermeiden?

Viele Barcode-Scanner beleuchten mit einer roten LED, und rote Tinte reflektiert rotes Licht, sodass ein rotes Modul auf weissem Papier für den Scanner so hell erscheinen kann wie das Papier: kein Kontrast, kein Lesen. Rot auf Weiss liegt zudem selbst für eine Farbkamera bei nur etwa 4:1 und lässt wenig Spielraum. Wenn Rot für die Marke unverzichtbar ist, setzen Sie es im Bildmaterial rund um den Code ein, nicht für die Module selbst.

Die Kurzfassung

Ein QR-Code kann Ihre Markenfarben tragen, aber nur, weil Scanner Helligkeit lesen, nicht Farbe, und nur, wenn Sie die Module deutlich dunkler halten als den Hintergrund. Schwarz auf Weiss (etwa 21:1) ist die sichere Referenz; die 2:1 von Denso Wave sind die Untergrenze, nicht das Ziel, zielen Sie also deutlich darüber. Vermeiden Sie rote und orange Vordergründe, kontrastarme Pastelltöne, ausblendende Verläufe, Metallic-Tinten und invertierte Codes. Erwarten Sie nicht, dass die Fehlerkorrektur niedrigen Kontrast rettet, wandeln Sie vor dem Druck in CMYK um und prüfen Sie erneut, halten Sie die Ruhezone sauber und testen Sie das finale Asset auf echten Geräten in der echten Grösse. Branden Sie den Code, und weisen Sie dann nach, dass er scannt, bevor er auch nur in die Nähe der Druckauflage eines Kunden kommt.