Transparent QR Code

Drop a QR code onto a coloured label, a photo or a dark background without a white box around it.

A transparent QR code has no background fill, so the surface it sits on shows through between the dark modules. That is what you want when placing a code on a coloured product label, a dark poster, a photo, a presentation slide or packaging where a white square would look like a sticker someone forgot to remove.

Transparency raises one hard constraint: the surface behind the code must be light enough, and the modules dark enough, to preserve contrast. Most phone decoders expect dark modules on a light background. A black code on a pale pastel background works well; a white code on a dark photograph fails far more often. If your background is dark, place the code on a light plate or an inset white area rather than inverting the colours.

Export as PNG with alpha, or as SVG, to keep the transparency intact - a JPEG will fill the empty area with white and undo the whole point. Then test the finished composition, not just the code on its own: scan it over the actual artwork, at the actual print size, under the actual lighting.

Generating…

How to make a transparent QR code

  1. Enter your URL or text in the generator above and set the foreground to a dark colour.
  2. Set the background to transparent (or remove the background fill) so the underlying surface shows through.
  3. Keep a clear quiet zone - the empty margin must also be transparent, with no border or text inside it.
  4. Export PNG with alpha or SVG. Do not save as JPEG, which will flatten transparency to white.
  5. Place it over your real artwork and scan a printed proof with a phone before production.

Why light-on-dark transparent codes fail

QR decoders binarise the image by looking for a brightness difference between modules and background. The convention is dark modules on a light background. Inverting that - light modules on a dark background - works on some phones and fails on others, and there is no way to know which phone your customer has. Transparency removes the background entirely, so the surface becomes the background: choose a light surface.

The quiet zone is part of the specification, not decoration. It must be at least four modules wide and must stay light and empty. A coloured label, a texture or a line of text creeping into that margin is a common cause of intermittent scans that are hard to diagnose.

Frequently asked questions

Which file format keeps transparency?

PNG with an alpha channel, or SVG. A JPEG has no transparency support and will fill the background with white.

Can I put a transparent QR code on a dark background?

Not reliably. Use dark modules on a light area - add a light plate or inset panel behind the code. Inverted light-on-dark codes fail on many phones.

Does a transparent background reduce scan reliability?

Only if the surface behind it is low contrast or busy. On a flat light surface with dark modules, a transparent code scans exactly like a white one.

Does the quiet zone need to be transparent too?

Yes - the empty margin around the code must stay clear and light. Keep text, borders and artwork out of it.

Make a code that belongs on your design

Free, unlimited, no sign-up, and nothing you type ever leaves your browser.

↑ Back to the generator

More free QR code tools