Fünfzig QR-Code-Farbpaare - und welche davon den Druck überstehen

vom KoloQR-TeamRecherche

Weiße Karten mit QR-Codes in acht verschiedenen Farben - Marineblau, Violett, Ochsenblut, Weinrot, Grau, Orange, Grün und Gelb - auf hellgrünem Hintergrund, quer über der Mitte ein schwarzes Pillen-Label mit der Aufschrift „50 QR Code Colour Pairs“.

Von den fünfzig Paaren aus Code- und Hintergrundfarbe unten schaffen zehn die 7:1 und sind sicher zu drucken, elf liegen zwischen 4:1 und 7:1 und gehören auf Bildschirme, und dreizehn fallen unter 4:1 und sollten gar keinen QR-Code tragen. Das Muster hinter den Ausfällen ist durchgängig: mitteltonige Markenfarben. Jedes Gelb, jedes Orange oberhalb von Bernstein 700 und jedes Grün heller als Waldgrün steht in der untersten Gruppe.

Die wichtigsten Punkte

  • Zehn der fünfzig Paare schaffen 7:1, das Arbeitsziel für den Druck. Alle zehn sind eine sehr dunkle Farbe auf Weiß oder auf einem fast weißen Ton.
  • Dreizehn fallen unter 4:1. Jedes davon ist eine mitteltonige oder helle Farbe, die als Code statt als Hintergrund eingesetzt wird - Gelbtöne, Orangetöne, mittlere Grüntöne, mittlere Cyantöne.
  • Der Ausfall ist systematisch, nicht zufällig. Eine Farbe, die dunkel genug ist, um einen lesbaren QR-Code zu drucken, ist meist dunkler als die Farbe, die eine Marke für ihre eigene hält.
  • Das Kontrastverhältnis ist Arithmetik über zwei Hex-Werte, also ist jede Zahl in dieser Tabelle reproduzierbar statt berichtet. Für sie wurde kein Code gedruckt und gescannt.
  • Das Verhältnis sagt dir etwas über das Paar, nicht über den Druck. Tonwertzuwachs, Bedruckstofffarbe, Glanz und die Belichtung der Kamera stehen zwischen einem bestandenen Verhältnis und einem Code, der von Papier scannt.
  • Invertieren - heller Code auf dunklem Grund - kann ein sehr hohes Verhältnis erzeugen und trotzdem scheitern, weil manche Decoder Dunkel-auf-Hell voraussetzen und die andere Polarität nie versuchen.

Was die Zahl in dieser Tabelle ist und was nicht

Ein Kontrastverhältnis ist die relative Leuchtdichte der helleren von zwei Farben geteilt durch die der dunkleren, so verschoben, dass die Skala von 1:1 bei zwei identischen Farben bis 21:1 bei Schwarz auf Weiß reicht. Es ist dieselbe Zahl, die WCAG für die Lesbarkeit von Text verwendet, und sie wird berechnet statt beobachtet: jeden sRGB-Kanal linearisieren, mit 0,2126 für Rot, 0,7152 für Grün und 0,0722 für Blau gewichten, dann teilen.

Diese Definition gehört präzise ausgesprochen, denn sie ist der Grund, warum jede Zeile unten überprüfbar ist. Niemand muss dieser Tabelle vertrauen. Zwei Hex-Werte und die Formel ergeben auf jedem Rechner dieselbe Zahl, und das ist eine andere Art von Aussage als „wir haben es getestet, und es hat funktioniert“.

Das ist zugleich die Grenze davon. Für diese Tabelle wurde kein QR-Code gedruckt und gescannt. Die Urteilsspalte wendet zwei Gestaltungsschwellen an, die diese Seite ohnehin veröffentlicht - rund 7:1 für den Druck und rund 4:1 für den Bildschirm - und zwar auf ein berechnetes Verhältnis. Sie ist ein Filter dafür, welche Paare einen Test wert sind, kein Ersatz für den Test.

Warum diese Schwellen so weit über dem liegen, was ein Decoder braucht, steht im Kontrast-Scantest: Der lesbare Open-Source-Decoder gibt irgendwo bei 1,2:1 auf, und alles zwischen dort und 7:1 ist Reserve für das, was der Druck mit einem Code anstellt, nachdem die Datei korrekt ist.

Die zehn Paare, die den Druck schaffen

Diese erreichen 7:1 oder besser und haben noch genug Reserve für Tonwertzuwachs, Papierremission und eine ungünstige Lichtquelle. Jedes davon ist eine sehr dunkle Farbe auf Weiß.

PaarHexVerhältnisGeeignet für
Schwarz auf Weiß#000000 auf #FFFFFF21,00:1Druck
Fast-Schwarz auf Weiß#111111 auf #FFFFFF18,88:1Druck
Marineblau auf Weiß#0B1F3A auf #FFFFFF16,52:1Druck
Tiefviolett auf Weiß#581C87 auf #FFFFFF10,88:1Druck
Ochsenblut auf Weiß#7F1D1D auf #FFFFFF10,02:1Druck
Weinrot auf Weiß#9D174D auf #FFFFFF7,88:1Druck
Dunkelgrün auf Weiß#065F46 auf #FFFFFF7,68:1Druck
Warmgrau auf Weiß#57534E auf #FFFFFF7,63:1Druck
Gebranntes Orange auf Weiß#9A3412 auf #FFFFFF7,31:1Druck
Waldgrün auf Weiß#166534 auf #FFFFFF7,13:1Druck
Gebranntes Orange mit 7,31:1 ist hier der nützliche Eintrag: Es ist die einzige Farbe der Liste, die eine Marke als Orange bezeichnen würde, und sie ist mehrere Stufen dunkler als das Orange, das die meisten Marken besitzen.

Praktisch gelesen heißt diese Gruppe: Die druckbare Palette ist schmal und tief. Marineblau, Ochsenblut, Weinrot, Dunkelgrün, Tiefviolett - das sind die Farben, die funktionieren, und eine Marke, deren Identität an diesem Ende ihrer eigenen Palette wohnt, kann einen farbigen QR-Code ohne Nachdenken drucken.

Die elf Paare, die auf einen Bildschirm gehören

Diese liegen zwischen 4:1 und 7:1. Auf einem Display, wo der Kontrast perfekt, das Licht gleichmäßig und die Kanten hart sind, gehen sie in Ordnung. Im Druck haben sie ihre Reserve verbraucht, bevor die Farbe trocken ist.

PaarHexVerhältnisGeeignet für
Violett 700 auf Weiß#7E22CE auf #FFFFFF6,98:1Nur Bildschirm
Königsblau auf Weiß#1D4ED8 auf #FFFFFF6,70:1Nur Bildschirm
Rot 700 auf Weiß#B91C1C auf #FFFFFF6,47:1Nur Bildschirm
Petrol 700 auf Weiß#0F766E auf #FFFFFF5,47:1Nur Bildschirm
Cyan 700 auf Weiß#0E7490 auf #FFFFFF5,36:1Nur Bildschirm
Blau 600 auf Weiß#2563EB auf #FFFFFF5,17:1Nur Bildschirm
Grün 700 auf Weiß#15803D auf #FFFFFF5,02:1Nur Bildschirm
Bernstein 700 auf Weiß#B45309 auf #FFFFFF5,02:1Nur Bildschirm
Rot 600 auf Weiß#DC2626 auf #FFFFFF4,83:1Nur Bildschirm
Stein 500 auf Weiß#78716C auf #FFFFFF4,80:1Nur Bildschirm
Pink 600 auf Weiß#DB2777 auf #FFFFFF4,60:1Nur Bildschirm
Violett 700 verfehlt die Druckschwelle um 0,02. Die 7:1 als Abbruchkante zu behandeln wäre albern - ein Paar so dicht an der Linie ohne Proof für erledigt zu halten aber ebenso.

In diesem Band liegen die meisten Markenfarben tatsächlich, und es ist das Band, das den typischen Ausfall erzeugt: der Code, der im Studio gescannt wurde und im Regal nicht. Der Studiotest lief auf einem Monitor.

Die dreizehn Paare, die keinen Code tragen sollten

Unter 4:1 verlässt sich ein QR-Code auf die Toleranz des Decoders, statt lesbar zu sein. Diese Paare scannen manchmal - auf einem guten Handy, bei gutem Licht, in großzügiger Größe -, und das ist schlimmer als glattes Scheitern, weil es den einen Test besteht, den überhaupt jemand macht.

PaarHexVerhältnisGeeignet für
Violett 500 auf Weiß#A855F7 auf #FFFFFF3,96:1Keines
Rot 500 auf Weiß#EF4444 auf #FFFFFF3,76:1Keines
Blau 500 auf Weiß#3B82F6 auf #FFFFFF3,68:1Keines
Orange 600 auf Weiß#EA580C auf #FFFFFF3,56:1Keines
Pink 500 auf Weiß#EC4899 auf #FFFFFF3,53:1Keines
Bernstein 600 auf Weiß#D97706 auf #FFFFFF3,19:1Keines
Gold auf Weiß#CA8A04 auf #FFFFFF2,94:1Keines
Orange 500 auf Weiß#F97316 auf #FFFFFF2,80:1Keines
Cyan 500 auf Weiß#06B6D4 auf #FFFFFF2,43:1Keines
Grün 500 auf Weiß#22C55E auf #FFFFFF2,28:1Keines
Gelb 500 auf Weiß#EAB308 auf #FFFFFF1,92:1Keines
Limette auf Weiß#78D650 auf #FFFFFF1,82:1Keines
Gelb 400 auf Weiß#FACC15 auf #FFFFFF1,53:1Keines
Gelb auf Weiß erreicht 1,53:1 und liegt damit nahe an dem Punkt, an dem ein Decoder überhaupt kein Muster mehr sieht statt ein schwaches.

Das Muster in dieser Gruppe ist die Erkenntnis, die es mitzunehmen lohnt. Es ist nicht so, dass manche Farbtöne scheitern und andere bestehen - die Helligkeit ist die entscheidende Größe, der Farbton nicht. Grün kommt in allen drei Bändern vor: Dunkelgrün besteht mit 7,68:1, Grün 700 ist mit 5,02:1 nur für Bildschirme, Grün 500 scheitert mit 2,28:1. Die Farbe ist dreimal dieselbe Idee; verändert hat sich nur die Leuchtdichte.

Dunkle Codes auf getöntem Bedruckstoff

Auf etwas anderem als Weiß zu drucken senkt das Verhältnis, denn die hellen Module des Codes sind das Papier. Kraft, Creme, Recycling und farbiges Papier starten alle niedriger, als die Datei suggeriert, und die Datei kann dir nicht sagen, um wie viel.

PaarHexVerhältnisGeeignet für
Schwarz auf Creme#000000 auf #FDF6E319,47:1Druck
Schwarz auf Beige#000000 auf #F5F5DC18,98:1Druck
Anthrazit auf Cremeweiß#1A1A1A auf #F7F7F516,23:1Druck
Oxfordblau auf Fast-Weiß#14213D auf #FCFCFC15,57:1Druck
Marineblau auf Hellblau#0B1F3A auf #EFF6FF15,18:1Druck
Oxfordblau auf Hellbernstein#14213D auf #FEF3C714,35:1Druck
Anthrazit auf Mittelgrau#1A1A1A auf #D4D4D811,78:1Druck
Ochsenblut auf Hellrot#7F1D1D auf #FEF2F29,16:1Druck
Waldgrün auf Hellgrün#166534 auf #F0FDF46,81:1Nur Bildschirm
Dunkelgrau auf Grau 400#333333 auf #9CA3AF4,98:1Nur Bildschirm
Ein blasser Ton kostet weniger, als es aussieht. Schwarz auf Creme verliert gegenüber Schwarz auf Weiß 1,53, und das ist nichts. Teuer wird es, wenn die Codefarbe heller wird, nicht wenn das Papier dunkler wird.

Die letzten beiden Zeilen sind die lehrreichen. Waldgrün auf Weiß bestand mit 7,13:1; dasselbe Grün auf einem blassgrünen Ton fällt auf 6,81:1 und schafft die Druckschwelle nicht mehr. Ein Ton, der kaum sichtbar ist, hat ein bestandenes Paar ins Grenzband verschoben.

Helle Codes auf dunklem Grund sind eine andere Frage

Einen QR-Code zu invertieren - helle Module auf dunklem Hintergrund - erzeugt mühelos hohe Verhältnisse, und das Verhältnis ist nicht das Problem daran. Das Problem ist, dass die Formel für das Kontrastverhältnis symmetrisch ist und Decoder es nicht sind.

PaarHexVerhältnisGeeignet für
Weiß auf Schwarz#FFFFFF auf #00000021,00:1Testen
Cremeweiß auf Fast-Schwarz#F5F5F5 auf #11111117,32:1Testen
Weiß auf Marineblau#FFFFFF auf #0B1F3A16,52:1Testen
Gelb 400 auf Fast-Schwarz#FACC15 auf #11111112,33:1Testen
Limette auf Fast-Schwarz#78D650 auf #11111010,38:1Testen
Blau 400 auf Marineblau#60A5FA auf #0B1F3A6,50:1Testen
Gelb erreicht invertiert 12,33:1 und richtig herum 1,53:1. Dieselbe Farbe, dieselbe Formel, gegenteilige Ergebnisse - eine gute Illustration dafür, warum das Verhältnis allein nichts entscheidet.

Ein QR-Code ist als dunkle Module auf hellem Hintergrund spezifiziert, und obwohl viele Decoder die invertierte Polarität versuchen, tun es nicht alle und verspricht es keiner. Das ist eine Frage der Scanner-Landschaft und keine Farbfrage, und kein Verhältnis beantwortet sie. Verlangt ein Entwurf einen invertierten Code, sagt die Urteilsspalte „Testen“, weil Testen der einzige Weg ist, es herauszufinden.

Was das Verhältnis dir nicht sagt

Vier Dinge stehen zwischen einem bestandenen Verhältnis und einem Code, der von Papier scannt, und keines davon ist in der Datei sichtbar.

  • Tonwertzuwachs. Jede Maschine lässt dunkle Flächen leicht wachsen. Bei einem QR-Code heißt das, dass die hellen Module schmaler werden, was den effektiven Kontrast genau auf der Skala senkt, auf der ein Decoder abtastet.
  • Bedruckstoff. Das Verhältnis unterstellt, dass der Hintergrund die Farbe aus der Datei hat. Auf ungestrichenem, recyceltem oder farbigem Papier ist er das nicht, und das Papier erledigt die halbe Arbeit.
  • Oberfläche. Eine Glanzkaschierung kann einen spiegelnden Reflex über einen Teil des Symbols legen, so gut das darunterliegende Paar auch ist. Ein 21:1-Code unter einem Reflex ist an dieser Stelle ein 1:1-Code.
  • Kamerabelichtung. Ein Handy misst die ganze Szene. Ein kleiner Code auf einer großen hellen Fläche wird auf die Fläche belichtet und kommt beim Decoder flacher an, als er die Druckerei verlassen hat.

Deshalb ist die Urteilsspalte als Schwelle formuliert und nicht als Versprechen. 7:1 zu schaffen heißt, dass das Paar nicht der Grund ist, wenn der Code scheitert; es heißt nicht, dass der Code nicht scheitern wird.

Wie du ein Paar prüfst, das nicht in dieser Tabelle steht

Die meisten Markenpaletten enthalten eine Farbe, die nicht zu den fünfzig gehört. Die Prüfung dauert Sekunden und ist dieselbe, mit der die Tabelle gebaut wurde.

  1. Hol dir das Verhältnis für die beiden Hex-Werte. Gib Codefarbe und Hintergrund in den QR-Kontrastprüfer. Er liefert für jedes Paar dieselbe Zahl, die auch diese Tabelle verwendet.
  2. Vergleiche es mit dem Job, nicht mit einer einzelnen Zahl. Rund 7:1 für alles Gedruckte, rund 4:1 für einen Code, der nur auf einem Bildschirm gezeigt wird. Unter 4:1 änderst du die Farbe statt der Größe.
  3. Wenn es scheitert, dunkle ab statt den Farbton zu wechseln. Die Ausfälle in dieser Tabelle sind ein Helligkeitsproblem. Ein Marken-Orange, das mit 2,80:1 scheitert, hat meist einen dunkleren Verwandten in derselben Palette, der 7:1 schafft und immer noch nach der Marke aussieht.
  4. Miss die exportierte Datei, nicht das Farbfeld. Der QR-Code-Validator liest den fertigen Export und meldet den Kontrast, den er tatsächlich enthält, dazu Ruhezone und Modulgröße. Ein Verlauf oder ein weicher Hintergrund verändert die Antwort, die die Farbfelder gaben.
  5. Fahr die Leiter vor einer großen Auflage. Die Kontrastleiter aus dem Kontrast-Scantest liefert eine Schwelle für deine eigenen Handys und deinen eigenen Bedruckstoff, und das ist die einzige Zahl, die deinen Job beschreibt statt den allgemeinen Fall.

Für die gestalterische Seite derselben Entscheidung - welche Teile eines Codes überhaupt Farbe vertragen und wohin ein Akzent gehört - behandeln farbige QR-Codes die Platzierung statt der Arithmetik.

Erstelle deinen QR-Code

Kostenlos, ohne Konto und ohne Wasserzeichen. Wähle eine Form, füge ein Logo hinzu, prüfe den Kontrast und exportiere SVG, PDF, EPS oder PNG - ein statischer Code ohne Abo dahinter.

QR-Code erstellen

Questions? Answered

Gestalte auf etwa 7:1 für den Druck und etwa 4:1 für den Bildschirm. Decoder akzeptieren weit weniger - der lesbare Open-Source-Decoder gibt nahe 1,2:1 auf -, aber alles zwischen dort und 7:1 ist Reserve für Tonwertzuwachs, Papier, Reflexe und Kamerabelichtung. Ein Paar unter 4:1 verlässt sich auf Toleranz statt auf Lesbarkeit.

Nicht als Code selbst. Gelb 400 auf Weiß misst 1,53:1 und Gelb 500 misst 1,92:1, beide weit unter jeder brauchbaren Schwelle. Gelb funktioniert als Hintergrund mit einem sehr dunklen Code darauf, und es funktioniert invertiert auf Fast-Schwarz mit 12,33:1 - ein gelber Code auf hellem Grund aber nicht.

Die meisten Markenfarben liegen zwischen 4:1 und 7:1, was auf einem Display reicht und auf Papier nicht. Ein Bildschirm liefert perfekten Kontrast, gleichmäßiges Licht und harte Kanten; der Druck gibt alle drei für Tonwertzuwachs, Remission und Reflexe aus. Der Monitortest war der leichtere.

Er misst 21:1, genauso viel wie Schwarz auf Weiß, und muss trotzdem getestet werden. Die QR-Norm spezifiziert dunkle Module auf hellem Hintergrund. Viele Decoder versuchen die invertierte Polarität und manche nicht, also ist ein invertierter Code eine Frage der Scanner-Landschaft, die keine Kontrastzahl beantwortet.

Nicht für sich genommen. Schwarz auf Creme misst 19,47:1 und Schwarz auf Beige 18,98:1, beide weit über der Druckschwelle. Codes zerstört das Aufhellen der Musterfarbe, nicht das Abdunkeln des Papiers. Zu meiden ist die Kombination aus dunklem Code auf mitteltonigem Bedruckstoff.

Nein, und die Tabelle behauptet es auch nicht. Jedes Verhältnis ist aus den beiden Hex-Werten mit der üblichen Formel für die relative Leuchtdichte berechnet, was jede Zahl reproduzierbar statt berichtet macht. Die Urteilsspalte wendet veröffentlichte Gestaltungsschwellen auf diese Zahl an. Ob ein bestimmtes Paar eine bestimmte Maschine übersteht, ist ein Proof, keine Rechnung.

Linearisiere jeden sRGB-Kanal beider Farben, gewichte sie mit 0,2126 für Rot, 0,7152 für Grün und 0,0722 für Blau, um die relative Leuchtdichte zu erhalten, und teile die hellere durch die dunklere, jeweils plus 0,05. Jeder WCAG-Kontrastrechner macht dieselbe Arithmetik, auch der auf dieser Seite.

Nur bis zu einem Punkt, und es ist der falsche Hebel. Größe hilft einem Decoder, die Module aufzulösen; der Kontrast ist das, was ihn die Module unterscheiden lässt. Ein Code mit 2:1 in 10 cm Größe ist ein großes, flaches Muster. Ändere zuerst die Farbe und dimensioniere dann für die Lesedistanz.

Warum KoloQR?

  • Erstelle QR-Codes für Websites, Speisekarten, Wi-Fi, PDFs und Visitenkarten
  • Passe Farben, Logos und einzigartige Formen an
  • Lade hochwertige PNG- und SVG-Dateien herunter
  • Für Print und Digital gemacht
QR-Code erstellen
Ein einfacher schwarzer QR-Code neben demselben Code, umgestaltet als Kreis mit Markenfarben