🔳
QR Tools Live

Transparent QR Code Generator

Transparent background is on by default — the downloaded PNG has no white box, so it sits cleanly on posters, packaging, or colored backgrounds.
Transparent background (PNG)
Advanced customization ▾
Dots
Corners
Background

How to Create a Transparent QR Code

  • Enter your URL or text — paste the link you want to encode.
  • Set transparent background — toggle the background off so QR modules stay dark on a clear background.
  • Download PNG — transparent PNGs layer cleanly over any design in Canva, Photoshop, or Word.

Transparent QR codes work best over light-coloured surfaces. Ensure enough contrast between the QR modules and the background for scanners to read reliably.

Last reviewed: July 25, 2026. Scannability verified at 30% and 70% module contrast levels.

How to make a transparent QR code

  1. Enter your link or text — paste the URL or type the text the code should contain. The preview shows a checkerboard, which means the background is transparent.
  2. Keep transparent background on — it's enabled by default, so the downloaded PNG has no white box around the code.
  3. Set the dot color — pick a dark color that contrasts with wherever you'll place the code, so it stays scannable.
  4. Add a logo (optional) — and adjust dot and corner styles to match your design.
  5. Download PNG — the PNG keeps the transparency. Use SVG if you need vector scaling; drop either onto your poster, packaging, or colored layout.

A QR code with no white box

Most QR generators bake a solid white square behind the code. On a plain page that's fine — on a colored poster, a photo, or product packaging it looks like a sticker slapped on top. This tool exports a PNG with a genuinely transparent background: only the dots are drawn, so the code sits directly on whatever is behind it. The checkerboard in the preview is how transparency is shown; it won't appear in your download.

Keep it scannable on color

Transparency changes one rule you have to respect: contrast now comes from whatever is behind the code, not a white box. A scanner needs clear separation between the dots and the surface. Dark dots on a light or mid-tone background scan reliably; dark dots on a dark photo do not. When placing the code over a busy image, drop a light panel behind it or choose a lighter area. Test with your phone before printing.

Where transparent codes shine

Posters and flyers — the code blends into the design instead of interrupting it. Packaging — printed over branded color without an ugly white patch. Slides and video — overlaid on any background. Merch and stickers — die-cut shapes with no rectangular edge. Export SVG when you need it to scale to large-format print without a single blurred edge.

Private and static

Your content is encoded directly into the image and everything runs in your browser — nothing is uploaded or stored. It's a static code with no redirect service, so it never expires.

Related QR tools

Need a labeled or branded solid version instead? Use the QR code generator for labels or the WiFi QR code generator. Batch many codes at once with the Excel-list QR generator, and check codes you receive with the safe QR code scanner.

Frequently Asked Questions

How do I make a QR code with a transparent background?Enter your link above and keep "Transparent background" checked (it's on by default), then download the PNG. The white box is removed and only the dots remain.
Why does the preview show a checkerboard?The checkerboard is the standard way to display transparency on screen. It is not part of the image — your downloaded PNG has a truly transparent background.
Will a transparent QR code still scan?Yes, as long as there's contrast between the dots and whatever is behind them. Use dark dots over a light or mid-tone surface, and test before printing. Avoid dark dots on dark photos.
Which format keeps the transparency?PNG keeps a transparent background. SVG is vector and also has no background fill — use it for large-format print.
Is my data uploaded?No. The code is generated locally in your browser; nothing is sent to or stored on our server.