A white QR Code puts white modules on a dark background, so the code scans as normal while fitting your design. Modules are the small squares that hold the data in a QR Code. Brands often choose white QR Codes when a black code clashes with dark packaging, print finishes, or minimalist layouts.
QR Codes are now an everyday marketing tool. Mordor Intelligence expects the QR Code market to grow from $13.04 billion in 2025 to $33.14 billion by 2031. Dynamic QR Codes accounted for 64.92% of 2025 revenue. Adoption is sticky, too. In a 2021 study from The Drum and YouGov, 59% of US consumers said QR Codes will be a permanent part of phone use.
Denso Wave invented QR Codes in Japan in 1994 to track car parts. Designers can now fit the same technology to almost any design. A white QR Code lets you add a code to a dark layout with no white box around it.
Key takeaways
- Place white QR Codes on dark backgrounds. They scan best when the contrast between the modules and the background is strong.
- Skip the black-and-white rule. You can invert a code, color it, or add your logo.
- Keep a contrast ratio of at least 4:1 between the white modules and the background. Test the code on the real background before you print.
- Use a transparent background so the code sits on dark packaging, signage, or screens with no white box.
- Choose a Dynamic QR Code so you can change the destination later without a reprint.
What is a white QR Code?
A white QR Code is a QR Code with white modules on a dark or high-contrast background. It works like any other QR Code. The modules store data in a pattern that a phone camera reads. The only difference is color. A standard code uses black modules, and a white code uses white ones.
The quiet zone also differs. The quiet zone is the clear margin around a code. White QR Codes usually use a transparent background instead of a white one. The code then sits on your design, not inside a white box.
Color does not affect the scan, as long as the contrast between the modules and the background is strong.
What other colors can a QR Code be?
A QR Code can be almost any color. You can use warm colors like yellow and orange, cool colors like blue-green and blue-violet, or your exact brand colors.
Your choice depends on preference and on where the code will appear. Keep enough contrast between the code and the background so the code stays easy to scan.
Do QR Codes have to be black and white?
No. Scanners read the contrast between the modules and the background, not specific colors. Inverted white codes and colored codes both scan well when the contrast is strong enough.
You can invert a code to white, apply brand colors, or add a logo. The rule to remember is simple: Keep a clear difference between the modules and the background.
Black and white is the default because it gives the highest contrast, not because color breaks the code.
When to use a white QR Code
White QR Codes work best where a black code would fight your design. They fit dark backgrounds, minimalist layouts, and print, and they hold your brand look across channels. Here are four cases where a white code is the right choice.
Dark backgrounds
A black QR Code often disappears on a dark background like deep green or navy blue. It is hard to see, and it is hard to make it look good.
A white QR Code stands out against dark colors. The code then reads as a design choice, not an afterthought. That matters on packaging, event signage, and print ads, where a mismatched code cheapens a polished look.
Brand consistency
White QR Codes help brands with dark brand colors keep the same look on every channel. When your packaging, signage, and ads share a dark palette, a white code fits in instead of interrupting it. Match the code to the rest of your visual identity, and you build recognition at every scan.
Consistency also builds trust. The more your codes look and act the same everywhere, the more comfortable people feel when they scan. For more ways to keep codes on brand, read our guide to QR Code branding.
Minimalist layouts
White QR Codes suit minimalist design, where less is more. White reads as clean and simple, and many brands want that look. Put a white code on a spare, one-color layout, and it supports that look instead of cluttering it.
Subtle placement
White QR Codes fit on business cards, social posts, and digital displays without taking over the design. They also work in quiet spaces like galleries, where a bold black code would pull focus from the main content.
The white modules recede into a dark background, so you get a code that works and stays subtle. You can then place it almost anywhere in your layout.
On a business card, for example, a white code can sit in a dark corner and stay readable next to your name and logo.
- Adidas placed white QR Codes on near-black billboards for its Billboard Run campaign.
- Cadbury used white QR Codes on dark, image-heavy backgrounds for its #ThisAdIsMyStore campaign.
How to create a white or colored QR Code
You can create a white or colored QR Code in a few minutes with Bitly Codes. Follow these steps:
- Log in to your Bitly account or sign up for a free one.
- Select Create New and choose the Create a QR Code option.
- Enter your website URL in the Destination URL box.
- Select Design your code and choose a color. Enter a hex color code for a custom color.
- Upload your logo or image in PNG format to customize the code further.
- Select the Create your code prompt.
- Scan the code to test it. Then copy or download it for sharing.
For more ways to tailor your code, explore our QR Code customization features.
For print, download your code as an SVG file. This file type stores vectors instead of pixels, so the code stays sharp when rendered at any size.
Create a white QR Code with a transparent background
A transparent PNG lets a white QR Code sit directly on a dark background with no white box around it. That transparency makes the code look like part of the design, not a sticker dropped on top.
Remember that a white code only scans on a dark or high-contrast background. A white QR Code with a transparent background works on dark packaging, signage, and screens. It fails on light ones.
Watch the preview score, too. A QR Code generator can often show a low scannability score for a white transparent code, because the preview shows the code on a white background. White modules disappear there.
That warning reflects the preview, not your real background. Test the code on the background where it will live, and judge scannability there.
Best practices for white and colored QR Codes
Contrast, testing, and size decide whether a code scans. Follow these five practices:
- Keep contrast high: Aim for a contrast ratio of at least 4:1 between the white modules and the background. Check it with a contrast-checker tool before you print.
- Test the code: Scan it before you download it. Test it in different light and with both Android and iPhone cameras.
- Do not over-blend: A code that blends too far into the background is hard to scan and hard to see.
- Mind the quiet zone: Leave the margin around the code empty so scanners can find and read the code.
- Watch the size: Keep the code at least 2 cm by 2 cm in print and 240 by 240 pixels on screens.
For more on how to balance looks and function, see our guide to creative QR Code design.
Create white QR Codes that stay on brand
A white QR Code keeps your design intact and still scans, as long as the contrast between the modules and the background holds. This setup works on packaging, a gallery display, or a clean digital layout.
Bitly Codes make custom white QR Codes simple. You can choose the color, add a logo, and download print-ready PNG and SVG files.
Bitly Codes are Dynamic QR Codes, so you can change the destination URL later without a reprint. That flexibility pays off for teams that run frequent campaigns, and is a common reason small businesses choose dynamic codes over static ones.
Lucas Valentim, CCO at Casa Brasil, points to that no-reprint advantage: “In many campaigns we use QR Codes in printed materials, events, and outdoor media. With Bitly, we can redirect the destination link without having to change or reprint the QR Code, which saves both time and production costs.”
Get started for free and create your white QR Code. Then try downloading it as a transparent PNG or an SVG.
Frequently Asked Questions
Do white QR Codes actually work?
Yes. A white QR Code scans reliably on a dark or high-contrast background. Scanners read the contrast between the modules and the background, not the colors, so a white code works on black, navy, or another deep tone. On a light background, it will fail to scan.
Does a QR Code have to be black and white?
No. You can invert a QR Code’s color scheme, include gradients, or add a logo. The one firm rule is contrast: Keep a clear difference between the modules and the background. Test any custom color combination before you publish it.
Can you scan a QR Code with a transparent background?
Yes, if you place it on a dark or high-contrast background. A transparent background lets the white code sit on your design with no white box around it. Download the code as a transparent PNG, then test it on the final material. Generator previews often show a low scannability score because they display the code on a white background.
What is the best background color for a white QR Code?
Solid, dark, plain backgrounds work best, such as black, navy, or a deep brand color. Aim for a contrast ratio of at least 4:1 between the white modules and the background. Avoid busy patterns, gradients, and textures behind the code, because they cut contrast and can cause partial scan failures.
What file format should I use for a white QR Code?
Use a transparent PNG for digital placements and for dark designs. For print, download an SVG. This format uses vectors instead of pixels, so the code stays sharp at any size. Keep the code at least 2 cm by 2 cm in print and 240 by 240 pixels on screens.
