# How to Make a Colored QR Code That Still Scans

Source: https://ezqr.ca/watch/colored-qr-code
Last modified: 2026-05-14T00:00:00-04:00
Description: Match the QR code to your brand colors without breaking the scan. Pick a high-contrast color combination in EZQR

[Home](https://ezqr.ca/)  [Colored QR Code](https://ezqr.ca/colored-qr-code)  Walkthrough

#

Match the QR code to your brand colors without breaking the scan. Pick a high-contrast color combination in EZQR's custom QR code generator, preview live, and test on real phones before printing.

## What the video covers

1. **Open EZQR's custom QR code generator**  - Visit ezqr.ca/custom-qr-code. Free, no account needed - color, shape, and logo controls all in one place.
2. **Pick a dark foreground and a light background**  - The phone camera reads QR codes by contrast. Dark navy, deep green, burgundy, or charcoal on white scans reliably. Avoid yellow, light blue, or pastel pink for the foreground - they read as low-contrast and fail.
3. **Apply your brand colors**  - Set the foreground (the dots) to your brand color and the background to white or a very pale tint. Optional: add a gradient or color the corner frames separately. Preview updates live.
4. **Download as SVG for print or PNG for screen**  - SVG keeps the colors sharp at any size - best for posters, packaging, or signage. PNG is fine for email, social, and web. Toggle a transparent background if you want to drop the QR onto an existing design.
5. **Test scan distance on both iOS and Android**  - Stand at the distance customers will actually scan from. If either phone struggles, increase contrast or scale the code up. Always test before mass-printing.

## Read the full guide

Open the complete written walkthrough - with all the detail, examples, and links the video moves past.

---

EZQR: static QR codes are free forever; dynamic QR codes (editable destination, scan analytics) require a plan.
Site summary for agents: https://ezqr.ca/llms.txt - every page in one document: https://ezqr.ca/llms-full.txt
Any page is available as Markdown at its own URL with `Accept: text/markdown`, or by appending `.md` to the path.