QR Code Designer

Bild Tools • Live Designer

Erstelle Schritt für Schritt einen QR-Code, der gut aussieht und zuverlässig scanbar bleibt. Du kannst Inhalt, Farben, Logo, Rahmen und Export direkt live anpassen.

PNG, JPG, WEBP, SVG

Mehrere Formate und Größen in einem Export

Live

Änderungen werden direkt in der Vorschau sichtbar

8 Presets

Schnell starten und danach nach Wunsch anpassen

LocalStorage

Dein letzter Stand bleibt im Browser gespeichert

Presets

Wähle hier auf Wunsch einen fertigen Stil. Am besten gibst du vorher deinen Inhalt ein, damit du die Wirkung sofort in der Vorschau sehen kannst.

Inhalt

Starte hier mit dem eigentlichen QR-Inhalt. Je nach Typ zeigen wir dir automatisch die passenden Eingabefelder an.

Titel Optional für Exportname

Typ Scanziel

Farben & Stil

Passe hier Farben, Formen und Abstände an. Hoher Kontrast und genügend Ruhezone helfen dabei, dass der Code gut lesbar bleibt.

VordergrundModule & Augen

SekundärfarbeVerlauf & Rahmen

QR-HintergrundInnere Fläche hinter den Modulen

OptionenSicherheitsgrenzen aktiv

Verlauf verwenden Hintergrund transparent Runder QR-Code

AugenstilFinder-Pattern

ModulstilDatenpunkte

Vorschaugröße360 px

Quiet Zone5 Module

FehlerkorrekturLogo setzt intern mindestens H

Randbreite12 px

Logo

Du kannst ein Logo mittig einfügen. Für eine bessere Scanbarkeit wird die Logo-Größe sinnvoll begrenzt.

Logo hochladenPNG, JPG, WEBP

Oder Bild-URLCORS kann Export beeinflussen

Logo-Größe22 %

Logo-ContainerMitte

Logo-HintergrundNur bei aktivem Hintergrund

Logo-OptionenScanfreundlich begrenzt

Hintergrund Schatten

Rahmen & Panel

Hier gibst du dem QR-Code seinen finalen Look mit Rahmen, Badge, Karte und zusätzlichen Texten.

Karte

Die Karte ist die äußere Fläche hinter QR, Rahmen und Texten.

Karten-OptionenGrundaufbau

Karte aktiv Panel-Schatten Branding-Badge aus

Karten-HintergrundAußenfläche der Karte

Karten-Radius30 px

Rahmen

Hier legst du den sichtbaren Rahmen und die Fläche direkt um den QR-Code fest.

RahmenstilAußenwirkung

Rahmen-ZwischenflächeFläche direkt um den QR-Code

RahmenfarbeDekor & Border

Schattenstärke18 px

Rahmenstärke4 px

Rahmenrundung28 px

Label & Texte

Steuere Badge, untere Texte und deren Position direkt gemeinsam.

Label-TextRahmenhinweis

Freier Label-TextOptional

Label-HintergrundBadge-Fläche

Label-TextfarbeLabel & Badge

Label / Badge vertikal0 px

Titel unter dem QROptional

UntertitelOptional

Schrift für TexteGoogle Fonts

Unterer Text vertikal0 px

Export

Wähle die gewünschten Formate und Größen. Danach kannst du alles gesammelt als ZIP oder einzeln herunterladen.

FormateMindestens eins

PNG JPG WEBP SVG

GrößenMindestens eine

512 × 512 1024 × 1024

Live-Vorschau

So sieht dein QR-Code aktuell aus. Änderungen werden direkt übernommen, damit du schnell vergleichen kannst.

Scanbarkeit wahrscheinlich gut

Weißer Hintergrund

Dunkler Hintergrund

Farbige Card

QR-Inhalt

Hier siehst du genau den Inhalt, der im QR-Code gespeichert wird.

Plausibilitätscheck

Diese kurze Einschätzung hilft dir dabei, problematische Einstellungen schneller zu erkennen.