How to Create a White QR Code with Transparent Background

You don’t always have to stick to the traditional black-and-white QR Code.

A white QR Code is a QR Code variant that inverts the traditional black-and-white color scheme, placing white modules on a dark background. This makes it ideal for dark-themed designs where a standard QR Code looks visually out of place. White QR Codes maintain full scanning functionality while blending into dark-themed designs where a standard QR Code would look out of place.

Let’s look at how you can create a white QR Code, best practices to ensure it’s scannable, and a few examples of white QR Codes used by brands.

What is a white QR Code?

A white QR Code (also known as an inverted or reverse QR Code) is a scannable QR Code that uses white modules and eyes on a dark or high-contrast background to remain scannable. White QR Codes replace the standard black modules with white ones, including the patterns and the three large corner squares (the eyes). The main difference from a standard QR Code is this color reversal, which provides strong contrast against deep-toned surfaces.

The white elements in this QR Code stand out against deeper-toned surfaces and printing materials. For example, a brand with a dark navy packaging design can stick a white QR Code directly on the box without affecting its design.

How to create a white QR Code in four steps

You can create a white QR Code by setting the pattern and eyes to white, placing it on a dark background, and testing scannability before download. Follow the steps below to create and customize your white QR Code on Uniqode.

Step 1: Log in to Uniqode and choose a QR Code type

Create an account on Uniqode QR Code generator (or log in to your account if you already have one). Click +Create, then select QR Code. Choose a QR Code type according to your use case. For example, choose Website to link to a webpage.

Step 2: Change the pattern and eyes to white

Choose the shape of your QR Code. Then set the color to white.

Click Eyes and change both the eyeball and eye-frame to white (#FFFFFF). Next, click Pattern and set it to white.

Step 3: Choose a dark or contrasting background

Select Background and choose a contrasting color to ensure the QR Code remains visible. You can also choose a background image or a transparent background as long as the final placement is dark.

Step 4: Test scannability and download

Use the real-time scannability preview on the right and adjust the background color until the score shows GOOD or EXCELLENT. Then, click Next and name your QR Code. Download it in your preferred format. Uniqode offers JPEG, PNG, SVG, PDF, and EPS formats.

Where to use white QR Codes

White QR Codes are not a design choice. They are a functional requirement in any context where a dark background makes a standard black code unscannable or visually inconsistent.

• Dark product packaging. Luxury, tech, and cosmetics brands that use black or navy boxes need a white code to maintain both scannability and the premium feel of the packaging.
• Event materials with dark themes. Concert posters, film premiere collateral, and nightlife event print all use dark palettes where a black code disappears entirely.
• Premium print collateral. Black business cards, dark-themed brochures, and metallic finishes are surfaces where white codes scan reliably and hold the visual hierarchy of the design.
• Digital dark mode interfaces. App splash screens, dark-themed websites, and digital signage all benefit from white codes that stay legible without disrupting the interface aesthetic.
• Branded merchandise. Dark t-shirts, black shopping bags, and dark retail signage are high-visibility surfaces where white codes are the only scannable option.
• Automotive and tech product surfaces. Dashboard labels and device cases with dark finishes need white codes to remain both functional and on-brand.

What are examples of white QR Codes used by brands?

Brands use white QR Codes to match dark visuals while keeping scans reliable. White QR Codes are a strong fit for minimalist designs, premium packaging, and campaigns where a subtle, blended QR Code placement matters more than a bold scan prompt. The examples below show how popular brands put that approach into practice.

1. The Billboard Run campaign by Adidas

Image source

Adidas launched The Billboard Run to reignite runners' passion across Stockholm, Sweden.

Adidas placed white QR Codes on dark, motion-heavy billboard creatives, featuring a runner in full stride against a near-black background. Scanning the QR Code connects runners to an app that tracks their real-time progress as they race between four designated billboards across Swedish districts.

2. World Music Day campaign by boAt

Image source

boAt Lifestyle, one of India’s leading audio-wear brands, launched a campaign to promote emerging artists who often struggle to gain visibility on streaming platforms.

boAt used white QR Codes in YouTube ads and billboards with dark backgrounds to drive scans. Users who scanned the QR Code landed on boAt’s website to discover artist profiles and music on platforms such as Spotify and YouTube.

3. #ThisAdIsMyStore campaign by Cadbury

Image source

Cadbury Celebrations launched #ThisAdIsMyStore to support small business owners.

Cadbury placed white QR Codes on image-heavy, dark-toned backgrounds to ensure visibility and scannability. Scanning the QR Code opens a WhatsApp Business chat, allowing users to connect with and purchase from local businesses.

4. Interact Run “Black” sneakers by Nike

Image source

Nike launched the Interact Run "Black" to champion sustainability and circularity in everyday running footwear.

Nike placed a white QR Code directly on the tongue of the all-black shoe, blending into the shoe's aesthetic while remaining scannable. Scanning the code reveals information about the company's sustainability goals, tips to extend the shoe's life through its Care-Repair program, and guidance on how to recycle or donate the pair once it has run its course.

What are the best practices for creating a white QR Code?

A white QR Code scans reliably when it uses high contrast, enough spacing, clear instructions, and a dynamic setup. Follow these best practices when you create a white QR Code for your next campaign.

• Use a high-contrast background: Pair a white QR Code with a dark background to ensure visibility and scan reliability. If you use a transparent QR Code, place it only on dark surfaces.
• Maintain a minimum 4:1 contrast ratio: A white QR Code needs at least a 4:1 contrast ratio between the code and its background to scan consistently. Use a contrast checker tool to verify the ratio before printing or publishing.
• Avoid gradients, shadows, and textured backgrounds: Place a white QR Code on a flat, solid-color background. Gradients, drop shadows, and textured surfaces reduce contrast in certain areas of the code and cause partial qr code scan failures.
• Test on older phone models: Some older smartphones struggle to scan light-on-dark QR Codes, especially in low-light conditions. Test your white QR Code on at least 2–3 older devices before launching a campaign to catch compatibility issues early.
• Leave enough space: Avoid clutter near the code. Keep clear space on all sides to prevent scanning issues and improve detection. Consider adding a QR Code border for better clarity.
• Add a call to action (CTA): Tell users what they get after scanning. For example, “Scan to view menu” or “Scan to watch video.”
• Choose a dynamic QR Code: Edit the content your white QR Code leads to anytime with a dynamic QR Code. For example, you can update a white QR Code on printed flyers to point to a new landing page without reprinting the materials. You can also track user engagement, including the number of scans and scan locations.

Create and add white QR Codes to any design with Uniqode

A white QR Code works when it maintains strong contrast and fits naturally into dark designs. By switching the pattern and eyes to white and placing it on a dark or transparent background, you keep both design consistency and scan reliability.

With Uniqode, you can create and customize white QR Codes for different use cases, test scannability before publishing, and update the destination later with dynamic QR Codes.

Start creating dynamic, fully customizable white QR Codes with Uniqode today.