QR code with a transparent background
Turn on Transparent background and download a PNG or SVG with no white box, so the code sits directly on your design. Keep the code dark and the surface behind it light.
Design: colors, shape and logo
Your logo stays on your device. It's placed in a cleared area and error correction is raised to H (30%), so the code still scans.
Checking that it scans…
Version 2 · 25×25 modules · error correction M
What the code contains
https://example.com
Made in your browser. Static code: it never expires and has no scan limit.
How to use it
- Enter your link, then open Design and turn on Transparent background.
- Pick a code color that is much darker than the surface you'll place it on.
- Download PNG or SVG and place it in your design, leaving clear space around it.
The one rule: dark on light
Scanners look for dark modules on a light background. A transparent code takes the color of whatever is behind it, so a dark code on a dark box or a busy photo won't scan. Our contrast check assumes a white surface; check again against your real background color by turning transparency off and setting that color as the background.
Leave a quiet zone
Even with no white box, scanners need empty space around the code, ideally four modules wide. Don't let text, borders or patterns touch the code.
Frequently asked questions
Will a white code on a black background work?
Some modern phones read inverted codes, but many scanners don't. For print, keep the code darker than its background.
Which format keeps transparency?
Both. PNG has an alpha channel and SVG simply has no background shape.
Updated November 10, 2026 by the Cuelark Team.