QR-Code-Kontrastprüfer
Gib die Farben ein, in denen der Code gezeichnet ist, und den Untergrund dahinter. Der Prüfer liefert das Kontrastverhältnis für das Muster und für die Suchmarker, den Helligkeitsunterschied, den eine Kamera tatsächlich sieht, und ob das Paar druckfähig ist.
Die Fläche hinter dem Code. Halte sie nahezu weiß - den Hintergrund aufzuhellen ersetzt nicht, den Code abzudunkeln.
Die Farbe der Datenmodule.
Die drei Eckquadrate. Sie müssen sich so deutlich vom Hintergrund abheben wie das Muster - ein Scanner findet zuerst sie.
Vorschau
6.70:1
Beurteilt nach: Kontrast des Musters
Auf einem Display in Ordnung und zu knapp für das, was der Druck wegnimmt. Dunkle den Code ab, bevor er auf Papier geht.
Wo das liegt
Kontrast des Musters
6.70:1
Kontrast der Marker
6.70:1
Helligkeitsunterschied der Kamera
176 / 255
Von 255, nach der BT.601-Gewichtung, auf der der Graukanal einer Kamera aufbaut. Das Verhältnis gewichtet Grün weit höher als ein Sensor, deshalb widersprechen sich die beiden Zahlen bei gesättigten Farben am stärksten.
Erreicht eine Markenfarbe den Zielwert nicht, dunkle den Code ab, statt den Hintergrund aufzuhellen - eine zwei, drei Stufen dunklere Farbe behält meist ihre Identität und verdoppelt ihr Verhältnis.
Kontrast ist die eine Variable, die niemand wählt
Modulform und Modulgröße sind Entscheidungen, die jemand für einen QR-Code trifft. Die Farbe wird aus einer Markenpalette geerbt, die Jahre vor dem ersten Gedanken an einen QR-Code geschrieben wurde - deshalb ist sie die Eigenschaft, die am häufigsten versagt, und deshalb gibt es diesen Prüfer. Die Begründung steht im Test zum Mindestkontrast.
Was ein Decoder wirklich misst
Ein Handy sieht keine Farbe, wenn es einen QR-Code liest. Es rechnet das Bild in einen einzigen Graukanal um und setzt darin blockweise einen Schwellenwert - hell oder dunkel, für jedes Modul gegen seine unmittelbare Nachbarschaft. Die gesamte Farbtoleranz eines Codes entscheidet sich in diesem einen Schritt.
- Die Untergrenze des Decoders liegt bei etwa 1,24:1 - dort hört ein verbreiteter Binarisierer auf, einen Block überhaupt als inhaltstragend zu behandeln - und ist meilenweit davon entfernt, ein Gestaltungswert zu sein.
- Der Bildschirmwert ist 4:1, und genau dort schaltet die Kontrastanzeige des Generators auf Grün.
- Der Druckwert ist 7:1, weil Papierweiß, Tonwertzuwachs, Reflexe und Leseabstand sich den Puffer teilen.
Zwei Zahlen, die sich widersprechen
Ein Kontrastverhältnis gewichtet Grün mit 71% der wahrgenommenen Helligkeit, dem menschlichen Auge folgend. Der Graukanal einer Kamera gewichtet es mit 59% und kennt gar keinen Streulichtterm. Bei Grautönen und Schwarz sind sich beide einig, bei gesättigten Farben am uneinigsten - und genau dort scheitern QR-Codes.
Reines Grün auf Weiß ist der klarste Fall: 1,37:1 als Kontrastverhältnis, kaum über der Untergrenze des Decoders, aber ein Helligkeitsunterschied von 105 von 255 im Graukanal einer Kamera. Die eine Zahl nennt es aussichtslos, die andere schlecht. Druckbar nennt es keine, und deshalb zeigt diese Seite beide. Welche Paletten am anderen Ende herauskommen, arbeiten farbige QR-Codes durch.
So prüfst du die Farben eines QR-Codes
Vier Schritte von einer Markenpalette zu einem Farbpaar, das den Druck übersteht.
QR-Code erstellen- 1
Gib zuerst den Hintergrund ein
Die Fläche hinter dem Code, und sie sollte nahezu weiß sein. Einen Hintergrund aufzuhellen ersetzt nicht, den Code abzudunkeln: wie hell Papier reflektieren kann, deckelt das Material - dieses Ende des Spielraums ist bereits verbraucht.
- 2
Ergänze die Musterfarbe
Die Markenfarbe genau so, wie sie definiert ist, vor jeder Korrektur. Zuerst die korrigierte Fassung zu prüfen verbirgt, wie weit das Original vom Ziel entfernt war.
- 3
Prüf die Suchmarker gesondert
Die drei Eckquadrate sind das, was ein Scanner findet, bevor er ein einziges Modul liest. Ein Code mit dunklen Modulen und blassen Markern scheitert im ersten Schritt, und das Verhältnis des Musters wird nie geprüft.
- 4
Lies den schlechteren der beiden Werte
Ein QR-Code scannt über sein schwächstes Paar, nicht über den Durchschnitt. Das Urteil oben stammt aus dem Wert mit weniger Puffer - Muster oder Marker.
Wo übliche Palettenentscheidungen landen
Fünf Farben auf weißem Grund, doppelt gemessen: das Verhältnis, das ein Designwerkzeug ausgibt, und der Helligkeitsunterschied, den der Graukanal einer Kamera sieht, von 255.
Regeln, die Farbe scanbar halten
Zehn Gewohnheiten, die eine Markenpalette von der Designdatei bis zu einem Code bringen, der auf Papier noch liest.
Dunkle den Code ab, nicht den Hintergrund
Der Hintergrund muss nahezu weiß bleiben, damit die Reflexion den Druck übersteht - die ganze Korrektur gehört also auf die dunklen Module. Eine zwei, drei Stufen dunklere Farbe behält meist ihre Identität und verdoppelt ihr Verhältnis mehr als nur.
Gestalte alles Gedruckte auf 7:1
4:1 ist der Bildschirmwert, 7:1 der Druckwert, und die Lücke dazwischen verbrauchen Papier, Tonwertzuwachs, Reflexe und Leseabstand. Behandle 3:1 als die Linie, unter der in keinem Medium etwas erscheint.
Gib den Suchmarkern denselben Kontrast
Die drei Eckquadrate werden gefunden, bevor irgendetwas decodiert wird. Sie in einer helleren Akzentfarbe als das Muster zu gestalten, ist die häufigste Art, wie ein schöner Code schon im allerersten Schritt scheitert.
Setz einen Code nie über eine Fotografie
Der Schwellenwert wird lokal gesetzt, eine Fotografie kippt die Entscheidung also mitten im Symbol: dasselbe dunkle Modul liest sich über einem blassen Himmel als dunkel und über einem Schatten als hell. Setz den Code stattdessen auf eine ruhige Fläche.
Ein Verlauf ist sicherer als ein Foto
Ein Verlauf über die Module hält den lokalen Unterschied zwischen Hell und Dunkel überall intakt, und mehr braucht ein Binarisierer nicht. Halte beide Enden des Verlaufs über dem Zielwert, statt im Mittel darauf zu kommen.
Setz die Markenfarbe stattdessen in den Rahmen
Die Fläche hinter dem Code, die Beschriftung darunter und der Handlungsaufruf daneben dürfen die Palette in voller Sättigung tragen. Keines davon kostet einen einzigen Kontrastpunkt.
Prüf die Farbe nach der CMYK-Umwandlung
Ein leuchtendes RGB-Rot oder -Grün verliert in CMYK Sättigung und verschiebt sich, und maßgeblich ist das gedruckte Paar. Wandle zuerst um und prüf hier die umgewandelten Werte statt der Bildschirmoriginale.
Druck die dunklen Module in 100% K
Ein vierfarbiges Tiefschwarz braucht perfekten Passer, um eine Modulkante von 0,4 mm zu halten. Eine übliche Bogenoffset-Toleranz von rund 0,1 mm ist ein Viertel dieses Moduls - einfarbiges Schwarz hält also jede Kante sauber.
Behandle Metallic- und Leuchtfarben als nicht messbar
Gold, Silber, Folie und Spot-UV haben keinen festen Reflexionswert - sie zeigen, was vor ihnen ist, meist eine Lampe. Kein aus einem Hexwert berechnetes Verhältnis beschreibt sie.
Bestätige das Paar auf bedrucktem Material
Ein Verhältnis ist eine Vorhersage über eine Datei. Druck den Code in Endgröße auf dem echten Material, sieh ihn dir in dem Licht an, in dem er hängen wird, und scanne ihn mit zwei verschiedenen Handys, bevor du etwas freigibst.
Probier die Farben im Generator
KoloQR, ein kostenloser QR-Code-Generator mit runden und frei geformten QR-Codes, führt dieselbe Kontrastprüfung live über der Vorschau aus, während du die Palette bearbeitest - Muster, Marker und Hintergrund.
Kostenlos, ohne Konto und ohne Wasserzeichen. Codes entstehen in deinem Browser, das Ziel wird also nie an einen Server geschickt.
QR-Code erstellenQuestions? Answered
Gestalte auf 4:1 für Bildschirme und 7:1 für den Druck, und behandle 3:1 als die Linie, unter der nichts erscheinen sollte. Technisch arbeiten Decoder weit darunter - ein verbreiteter Binarisierer gibt bei rund 1,24:1 auf -, aber dieser ganze Abstand geht für Papierweiß, Tonwertzuwachs, Reflexe, Distanz und eine unruhige Hand drauf.
Ja. Die meisten aktuellen Handykameras lesen einen invertierten Code, auch wenn ältere Scanner und manche Industrielesegeräte dunkle Module auf hellem Grund voraussetzen. Ein invertierter Code verbraucht zudem mehr Puffer: halte das Verhältnis deutlich über 7:1 und teste auf echter Hardware, bevor eine Auflage gedruckt wird.
Weil Grün dort liegt, wo Auge und Kamera es gegen Weiß beide schlecht bewerten. Ein typisches Markengrün wie #22c55e liegt auf Weiß bei 2,28:1, unter der Freigabelinie. Auf #166534 abgedunkelt ergibt es 7,13:1 - derselbe Farbton, jetzt mit Puffer über dem Druckwert.
Ja. Die drei Eckquadrate findet ein Scanner, bevor er irgendetwas decodiert - ein Code mit starkem Musterkontrast und blassen Markern scheitert also im ersten Schritt. Dieser Prüfer nennt beide Werte und bildet sein Urteil aus dem schlechteren.
Weil ein QR-Code von einer Kamera gelesen wird, nicht von einem Auge. Ein Kontrastverhältnis gewichtet Grün mit 71% der wahrgenommenen Helligkeit; der Graukanal einer Kamera gewichtet es mit 59% und kennt keinen Streulichtterm. Bei gesättigten Farben widersprechen sich beide am stärksten, und dieser Widerspruch ist der Befund.
Ein helles Grau geht, wenn das Paar den Zielwert weiter erreicht, kostet aber Puffer für nichts. Papier deckelt, wie hell ein Hintergrund drucken kann - dieses Ende ist bereits verbraucht: jeder Kontrastpunkt, den ein grauer Grund abgibt, muss aus den dunklen Modulen zurückgeholt werden.
Nicht von sich aus. Entscheidend ist der lokal gemessene Unterschied zwischen den Modulen und dem, was dahinter liegt. Ein blasser, ruhiger Farbton hinter einem sehr dunklen Code geht meist gut; das Paar, das versagt, ist eine mitteltonige Markenfarbe hinter einem mitteltonigen Code - egal, wie beide einzeln aussehen.
Es ist das Maximum: 21:1 als Verhältnis und die vollen 255 im Graukanal einer Kamera. Nichts übertrifft das. Ein fast schwarzes Marineblau wie #0f172a erreicht 17,9:1 und 232 von 255, gibt also fast nichts Messbares auf und liest sich weiterhin als Markenfarbe.
Ja, bei gesättigten Farben meist zum Schlechteren. Leuchtende RGB-Rot-, Grün- und Orangetöne verlieren bei der Umwandlung Sättigung und verschieben sich im Farbton, ein Paar über 7:1 am Bildschirm kann also in der Maschine darunter landen. Wandle zuerst um und prüf hier die umgewandelten Werte.
Nein. Fehlerkorrektur repariert beschädigte oder verdeckte Module, nachdem das Symbol gefunden und als hell und dunkel gelesen wurde. Kann die Kamera Hell und Dunkel überhaupt nicht trennen, gibt es keine Daten, an denen die Korrektur arbeiten könnte. Kontrast ist eine Voraussetzung, keine Verhandlungsmasse.
Ja, indirekt. Runde, gepunktete und andere dekorative Module setzen weniger Farbe in jede Zelle als ein volles Quadrat, ein Decoder auf der Suche nach dem Verhältnis des Suchmarkers sieht also schwächere Belege. Ein gestalteter Code hat schon Puffer ausgegeben, bevor der Druck seinen Anteil nimmt - gib ihm mehr Kontrast, nicht weniger.
Weiter stöbern
Seiten, die dort weitermachen, wo diese aufhört - dasselbe Umfeld, dieselbe Art von Code oder die nächste Entscheidung.
Kreative QR-Codes
Designrichtungen und echte Beispiele für QR-Codes, die durchdacht aussehen, ohne die Scan-Zuverlässigkeit aufzugeben.
Farbige QR-Codes
Bring deine Palette auf einen QR-Code, ohne ihn zu ruinieren: welche Farbe aufs Muster gehört und welche in den Rahmen.
Warum ein QR-Code nicht scannt, und wie du erkennst, welcher Fehler es ist
Die drei Arten, wie ein QR-Code scheitert - nie erkannt, schlecht gelesen, oder perfekt gelesen und das Ziel ist kaputt - und wie das Symptom dir sagt, welchen du hast, bevor du irgendetwas misst.
Neun Dinge, die du prüfen solltest, bevor ein QR-Code in den Druck geht
Die neun Prüfungen zwischen einer QR-Code-Datei und einer Auflage, die funktioniert - jede mit der Zahl, die sie bestehen muss, und der Seite, die erklärt, warum.
Fünfzig QR-Code-Farbpaare - und welche davon den Druck überstehen
Fünfzig QR-Code-Farbpaare mit dem berechneten Kontrastverhältnis für jedes, gruppiert danach, ob sie die Druckschwelle, die Bildschirmschwelle oder keine von beiden schaffen.
QR-Code-Scanner
Liest aus einem Screenshot, einem Foto oder einem Export, was ein QR-Code enthält - im Browser decodiert und nie hochgeladen.
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
