# Colored QR Code — Make One That Still Scans Every Time

Source: https://easyqr.ca/colorful-qr-code
Last modified: 2026-06-28
Description: Make a colored QR code in your own colors that still scans on every phone. Free and easy — pick a color, add a gradient or logo, download. No watermark, no sign-up needed.

A QR code doesn't have to be plain black and white. Pick your own color for the squares, choose a clean background, add a gradient if you fancy, and download a code that still scans on every phone. Free, no sign-up.

## Yes, You Can Colour a QR Code

Here's the simple bit: a phone camera doesn't care about the **color** of your code, it cares about the **contrast**. As long as the dark squares stand out clearly against a lighter background, it'll scan — and "dark" can be navy, deep green, burgundy, charcoal, whatever you like. So you've got plenty of room to play.

The thing that trips people up is too little contrast — pale colors on white, yellow on just about anything. The phone can't tell the squares apart and nothing happens. To avoid that, Easy QR's [custom QR code generator](https://easyqr.ca/design-your-own-qr-code) shows you the colors as you go, so you can see right away whether your choice still scans.

## How to Make One (Free, No Sign-Up)

Easy QR's [custom QR code generator](https://easyqr.ca/design-your-own-qr-code) does solid colors, gradients, different colors for the corners and centers, and even a see-through background — all on the one page. No account, no watermark, no expiry. What you get is a free static code that keeps working as long as its link does.

1. **Open [the custom QR code generator](https://easyqr.ca/design-your-own-qr-code).** It's free and there's no sign-up. Color, shape, and logo settings are all in one spot.
2. **Go dark on light.** Navy, deep green, burgundy, or charcoal on a white background all scan nicely. Steer clear of yellow, light blue, or pale pink for the squares — there's just not enough contrast and they tend to fail.
3. **Add your own colors.** Set the squares to your color and keep the background white or a very faint tint. If you like, add a gradient or give the corners their own color. The preview changes as you do.
4. **Save it — SVG for print, PNG for screens.** SVG stays sharp at any size, so it's best for posters, packaging, and signs. Turn on a see-through background if you want to drop the code onto a design you already have.
5. **Test it on an iPhone and an Android.** Stand back as far as people really will when they scan it. If either phone has a hard time, boost the contrast or make the code bigger.

## Color Pairings That Work (and Some That Won't)

| Pairing | Scans? | The reason |
| --- | --- | --- |
| Dark navy on white | Yes | Lovely strong contrast, and it suits a smart, professional look. |
| Forest green on cream | Yes | Warm and natural — nice for outdoor, food, or wellness brands. |
| Burgundy on white | Yes | A deep red is dark enough to scan well and looks great on paper. |
| Black on bright orange | Usually | Fine at print size, but check it in dim light — orange can go flat on cheap paper. |
| Yellow on white | No | Barely any contrast. The camera just can't pick out the squares. |
| Light gray on white | No | Looks sleek, but there's too little contrast for a reliable scan. |
| White on dark navy (flipped) | Sometimes | Newer phones handle it, older ones can struggle. Always test before a big print run. |

## Where a Colored Code Really Helps

### Flyers & Posters

The code picks up your colors instead of plonking a black box in the middle of your design.

### Wedding Invites & Programs

A code in your wedding colors — burgundy, forest, navy, dusty rose — that fits in instead of sticking out.

### Restaurant Menus

Match the code to your restaurant's color so the table card looks proper, not thrown together.

### Product Packaging

A code in your packaging colors blends right in rather than fighting the rest of the box.

### Event Signs

Match it to your event colors and your lanyards, posters, and stage signs all look like one set.

### Magazine & Print Ads

A colored code looks like part of the ad. A plain black one looks pasted on at the last minute.

## What If You Want to Change the Link Later?

The free generator makes **static** codes — the link is set into the pattern itself. If you just want to [turn a link into a QR code for free](https://easyqr.ca/url-to-qr-code) and leave it be, that's all you need. Great for things that won't change: a contact card, your homepage, a page that's there to stay.

But if you think you might want to **send people somewhere new later, without redesigning or reprinting** your nicely colored code, that's where a [dynamic QR code](https://easyqr.ca/dynamic-qr-codes) comes in — it's part of an Easy QR account. Same colored design, but you can point it at a new link any time, and you get [scan analytics](https://easyqr.ca/qr-code-scan-analytics) to see how it's doing.

## A Few Tips to Keep It Scanning

- **Keep plenty of contrast.** A quick rule of thumb: if you could comfortably read small text in those two colors, your code will scan fine too.
- **Dark squares, lighter background.** Flipping it (light on dark) does work on most modern phones, but it's a bit riskier — only do it if you really want that look.
- **Switch to CMYK before a print shop run.** Screen blues and oranges can shift more than you'd expect on paper. Ask for a proof and scan that proof before printing loads.
- **Put the gradient on the background, not the squares.** A gradient over the squares themselves can confuse the camera. For a gradient feel, fade the background and keep the squares one solid dark color.
- **Try it on cheap paper too.** Plain, uncoated paper dulls colors. Something that scans on glossy photo paper might struggle on an ordinary flyer.

## Questions People Ask Us

### Is the colored code generator actually free?

It is. [Our custom QR code generator](https://easyqr.ca/design-your-own-qr-code) is free, with no account, no watermark, and no expiry. Pick any solid color or gradient, give the corners their own color, turn on a see-through background, and add a logo or a "scan me" note — all without signing up.

### Does a colored code scan as well as a plain black one?

As long as there's good contrast — a dark color on a light background, or the other way round — yes, just as well. The phone isn't looking at the color, it's looking at the difference in brightness between the squares and the background.

### What's a safe color to pick?

Dark navy or charcoal on white is a safe bet. Both keep loads of contrast, look a touch smarter than plain black, and fit almost any brand. If your own color is even darker than navy on paper, that's fine too.

### Can I use two colors or a gradient?

Yes — the [custom QR code generator](https://easyqr.ca/design-your-own-qr-code) does gradients and lets you color the corners separately. Done with a light touch it looks lovely, and the live preview tells you straight away if a combo has lost too much contrast.

### Does the color change how well it handles damage?

No. A QR code's built-in ability to cope with a bit of damage comes from the pattern, not the color. As long as the camera can read the squares, color makes no difference there.

### Why does mine work on an iPhone but not an Android (or the reverse)?

Different cameras are a little more or less fussy about contrast. If it fails on one phone, your colors are right on the edge. Make the squares darker, the background lighter, or the whole code bigger — and always test both kinds of phone before a big print.

### Quick Tips

- Dark squares, light background
- Enough contrast to read small text in
- SVG for print, PNG for screens
- Switch to CMYK before a print shop run
- Gradient the background, not the squares
- Test on an iPhone *and* an Android first

## More Colored QR Code Questions

## What file format is best for printing QR codes?

For the sharpest result, use a vector file like SVG or EPS — it stays crisp at any size, from a sticker to a billboard. If you need a regular image, a PNG at 300 DPI or higher works well. PDF is handy when you're dropping the code into a finished layout for the printer.

## How small can a QR code be and still scan?

About 15mm across (a touch over half an inch) is the smallest that still scans reliably up close. A rough rule for distance: take the code's width and multiply by ten — that's about how far away someone can scan it. So a 2cm code reads from roughly 20cm.

## Why won't my printed QR code scan?

Usually it's one of a few things: not enough contrast, printed too small, fuzzy print quality, or not enough plain white space around the edges. Keep it dark on a light background, give it a little breathing room, and always test a printout before you order a big batch.

## What resolution do I need to print a QR code?

Aim for at least 300 DPI if you're using an image file. Better still, use a vector file like SVG or EPS — there's no resolution to fuss over, so it stays sharp no matter how big you print it. That's the safer choice, especially for large prints.

## What resolution do I need for large format QR code printing?

For big jobs like posters, banners, or billboards, reach for a vector file (SVG or EPS) — it has no resolution limit, so the code stays crisp at any size. If you have to use an image, export a PNG at 300 DPI or more at the actual printed size. And remember scanning is about size and distance too: make the code wide enough that its width times ten covers how far away people will be.

## Why does my QR code get gaps or white lines between the squares when I resize it?

That's a quirk of some QR generators — they build the code out of lots of separate little squares, so when you scale or print it, thin white lines can sneak in between them. That's why people end up patching codes by hand. Easy QR doesn't do that. Our codes come out as one clean, solid shape, SVG included, so they stay seamless at any size with no touch-ups.

## Can I print QR codes in color?

Yes, just keep plenty of contrast between the code and its background. A dark code on a light background is the safe bet. Steer clear of low-contrast pairings like yellow on white or red on black — phones really struggle with those.

## How do I make sure QR codes print correctly in CMYK?

Switch your colors to CMYK before you send the file off. Use solid 100% black (the K channel) for the code and keep the background clear at 0%, so the contrast stays strong. Run a quick test print to be sure it looks right.

## How do I make a QR code for a PDF?

A QR code can't actually hold a whole PDF inside it, so the trick is to put the file online and point the code at it. Upload your PDF to Google Drive, Dropbox, or your own website, set it so anyone with the link can open it, copy that link, and paste it into the Easy QR generator. Download your high-resolution code and you're done — a scan opens the PDF right on the phone. Use a static code for a file that won't change, or a dynamic code if you might swap the PDF later without reprinting.

## Need to change or track this code later?

The QR code you make here is a static code — free forever, yours to keep. Upgrade to a dynamic QR code when you need to edit the destination after printing and see how your code performs.

- Edit the destination anytime — no need to reprint
- Track every scan: count, city, region, device, and time
- Keep the exact same printed code as your plans change

[Create a dynamic QR code →](https://acc.ezqr.ca/registration?utm_source=colored-upsell)

Dynamic QR codes are created on [EZQR](https://ezqr.ca/?utm_source=colored-upsell-bridge&utm_medium=easyqr), the team behind Easy QR.

---

EZQR: static QR codes are free forever; dynamic QR codes (editable destination, scan analytics) require a plan.
Site summary for agents: https://easyqr.ca/llms.txt - every page in one document: https://easyqr.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.