Ratgeber

QR-Code-Farben und Formen wählen, die lesbar bleiben

Handys sind beim Stil nachsichtig und beim Kontrast streng. Sie können fast alles am Aussehen eines Codes ändern, solange die dunklen Teile deutlich dunkler bleiben als die hellen.

Die eine Regel: dunkle Punkte auf hellem Hintergrund

Ein Scanner sucht ein dunkles Muster auf einer hellen Fläche. Marineblaue, dunkelgrüne, tiefrote oder anthrazitfarbene Punkte auf Weiß werden alle gut gelesen. Hellgelbe, hellgraue oder pastellfarbene Punkte auf Weiß nicht, weil die Kamera die Punkte nicht vom Hintergrund unterscheiden kann.

Der QR-Code-Designer zeigt das Kontrastverhältnis zwischen Ihrer Punktfarbe und dem Hintergrund, während Sie sie ändern, und warnt, wenn es zu niedrig wird. Behandeln Sie diese Warnung als Stoppschild, nicht als Vorschlag. Ein Code, der auf Ihrem Bildschirm gerade so gelesen wird, scheitert auf Papier unter Ladenlicht.

Invertieren Sie die Farben nicht

Helle Punkte auf dunklem Hintergrund, manchmal invertierter Code genannt, scheitern auf vielen Handys. Manche Scanner kommen damit zurecht, viele nicht, und Sie können nicht steuern, welches Handy Ihre Kunden haben. Hat Ihr Design einen dunklen Hintergrund, setzen Sie den Code auf eine weiße Fläche darin.

Verläufe

Ein Verlauf über die Punkte kann gut aussehen. Halten Sie beide Enden des Verlaufs dunkel. Ein Verlauf von Dunkelblau zu Hellblau setzt blasse Punkte in eine Ecke, und diese Ecke wird nicht gelesen. Die Kontrastprüfung im Generator misst aus diesem Grund das hellere Ende des Verlaufs.

Punkt- und Eckenformen

Abgerundete Punkte und abgerundete Eckquadrate werden in normalen Größen problemlos gelesen. Vollständig runde Punkte lassen kleine Lücken zwischen sich, was sehr kleine oder sehr dichte Codes schwerer lesbar macht. Verwenden Sie runde Punkte für kurze Links in vernünftiger Druckgröße und bleiben Sie bei quadratischen Punkten für lange Inhalte oder winzige Drucke. Der Generator markiert sehr dichte Codes mit runden Formen.

Die drei großen Eckquadrate dürfen eine andere Farbe haben als die Punkte. Halten Sie auch sie dunkel. Sie sind das, was die Kamera zuerst findet.

Transparente Hintergründe

Sie können einen Code ohne Hintergrund als PNG, SVG oder WebP herunterladen. Er nimmt dann die Farbe des Untergrunds an. Das ist nützlich, um einen Code auf helles strukturiertes Papier oder eine blasse Markenfarbe zu setzen, und riskant auf allem, was mittelhell oder unruhig ist. Prüfen Sie den Kontrast gegen die endgültige Fläche, nicht gegen die weiße Vorschau. JPG kennt keine Transparenz, ein JPG wird also mit weißem Hintergrund gespeichert.

Rahmen und Handlungsaufforderung

Ein Rahmen um den Code mit kurzem Text wie „Speisekarte scannen“ oder „Scannen und verbinden“ sagt den Leuten, warum sie sich die Mühe machen sollen. Rahmen liegen außerhalb des leeren Rands und berühren das Muster nie. Halten Sie den Text auf wenige Worte und nutzen Sie die Rahmenfarbe statt der Punkte für Ihre Marke, wenn Sie einen kräftigeren Akzent möchten.

Lassen Sie den Rand in Ruhe

Der leere Rand um den Code gehört zu ihm. Downloads enthalten ihn. Wenn Sie den Code in ein Design setzen, schneiden Sie ihn nicht ab und lassen Sie keinen Text, kein Foto und keinen Rahmen daran stoßen.

Testen Sie auf Papier

Drucken Sie eine Kopie in der endgültigen Größe auf dem echten Material und scannen Sie sie mit mehr als einem Handy, bei normalem und bei schwachem Licht. Bei farbigen und gestalteten Codes zeigt sich der Unterschied zwischen Bildschirm und Druck am deutlichsten.

Fragen

Häufige Fragen

Noch Fragen? Schreiben Sie uns.

Kann ein QR-Code jede Farbe haben?

Die Punkte können jede Farbe haben, die deutlich dunkler ist als der Hintergrund. Dunkelblau, Grün, Rot und Anthrazit auf Weiß werden alle gut gelesen. Blasse Farben und Hell-auf-dunkel-Designs scheitern oft.

Werden abgerundete QR-Codes so gut gelesen wie quadratische?

In normalen Größen mit einem kurzen Link, ja. Für lange Inhalte oder sehr kleine Drucke sind quadratische Punkte sicherer, weil runde Punkte Lücken lassen, die dichte Codes schwerer lesbar machen.

Soll der QR-Code zu meinen Markenfarben passen?

Er kann, innerhalb der Kontrastregel. Ist Ihre Markenfarbe hell, nutzen Sie sie für den Rahmen oder die Hintergrundfläche und halten Sie die Punkte dunkel.

Weiterlesen

QR-Code erstellen

So erstellen Sie einen QR-Code für Link, WLAN, Kontakt oder Text, gestalten ihn lesbar, testen ihn und drucken ihn richtig groß. Kostenlos, ohne Anmeldung.

Ratgeber lesen, 6 Min.

QR-Code-Größe für den Druck

Wie groß ein gedruckter QR-Code sein sollte: die Mindestgröße, die Abstandsregel, Pixel bei 300 DPI und warum längerer Inhalt einen größeren Code braucht.

Ratgeber lesen, 5 Min.

Statische vs. dynamische QR-Codes

Der Unterschied zwischen statischen und dynamischen QR-Codes: Ablauf, Bearbeiten, Scan-Tracking, Kosten und Datenschutz, und warum statische Codes nie ablaufen.

Ratgeber lesen, 5 Min.

Warum ein QR-Code nicht gelesen wird

Warum ein QR-Code nicht gelesen wird und wie Sie es beheben: wenig Kontrast, invertierte Farben, fehlende Ruhezone, zu klein, zu dicht, Logo, Reflexe, Links.

Ratgeber lesen, 6 Min.

WLAN-QR-Codes, die beim ersten Mal verbinden

So erstellen Sie einen WLAN-QR-Code, den Gäste zum Verbinden scannen: Name, Passwort und Sicherheitstyp richtig eingeben und Codes ohne Verbindung reparieren.

Ratgeber lesen, 5 Min.

Ein Logo einfügen, ohne den Code zu zerstören

So setzen Sie ein Logo in die Mitte eines QR-Codes und halten ihn lesbar: die richtige Fehlerkorrekturstufe, die maximale Logogröße und der Test am Druck.

Ratgeber lesen, 5 Min.

vCard-QR-Codes für Visitenkarten

So setzen Sie einen Kontakt-QR-Code auf eine Visitenkarte: die richtigen vCard-Felder, das Format für Telefonnummern und wie klein der Code werden darf.

Ratgeber lesen, 5 Min.

Fehlerkorrekturstufen erklärt

Was die Fehlerkorrektur eines QR-Codes tut, was die Stufen L, M, Q und H bedeuten, wie viel Schaden jede verträgt und welche Stufe Sie wählen sollten.

Ratgeber lesen, 4 Min.

Die Ruhezone, und warum sie zählt

Was die Ruhezone um einen QR-Code ist, wie breit sie sein sollte und welche Designfehler sie entfernen: Zuschneiden, Rahmen, Text und unruhige Hintergründe.

Ratgeber lesen, 3 Min.

QR-Codes für Speisekarten

So erstellen Sie eine QR-Code-Speisekarte, die am Tisch funktioniert: Webseite oder PDF, Tischkartengröße, Licht und Laminierung, Aktualisierung ohne Nachdruck.

Ratgeber lesen, 5 Min.

QR-Codes für Airbnb- und Ferienwohnungs-Gastgeber

Die QR-Codes, die sich für eine Ferienwohnung lohnen: Gast-WLAN, Hausanleitung, Check-in und Check-out, lokale Tipps, und wo Sie sie am besten platzieren.

Ratgeber lesen, 5 Min.

QR-Codes auf Produktverpackungen

So setzen Sie einen QR-Code auf eine Verpackung, der gelesen wird: Linkziel, Mindestgröße, gewölbte und glänzende Oberflächen, Farbkontrast und der Druckproof.

Ratgeber lesen, 5 Min.

Verwandte Tools

Tools zu diesem Ratgeber

Erstellen Sie jetzt Ihren Code

Kostenlos, privat und läuft nie ab.

Generator öffnen