Will adding a logo or colors affect whether the QR code scans reliably?

It can if contrast is too low — keep contrast high between the QR code's foreground and background colors. An eye-catching design that's too low-contrast may fail to scan reliably, especially in low light.

What exactly does the code contain?

It contains the exact text in the Content box and nothing else. A web address opens in the phone's browser, and ordinary text is shown as text. Nothing is routed through a redirect on this site, so the code keeps working for as long as its destination does.

Why am I seeing a contrast warning?

The tool compares your code colour with the background. It warns when the code is lighter than the background, because many scanners cannot read inverted codes, and when the contrast ratio falls below about 4 to 1. With a gradient, both gradient colours are checked.

Does adding a logo make the code harder to scan?

It makes the code busier, so the tool raises error correction from its medium level to the highest one, clears the dots behind the logo and limits the logo to about a quarter of the width. A scan test on a real phone is still the only reliable check.

Should I download PNG or SVG, and which size?

PNG is a fixed grid of pixels at 300 up to 2000 px, good for screens and documents. SVG is vector artwork that stays sharp at any scale, which suits signs and print. For a PNG headed to print, choose the largest size offered.

How does the gradient colour the corner squares?

The gradient runs diagonally across the dots only. The three corner squares keep the start colour, and the small centre dots inside them take the end colour. That is why both colours need to be dark enough against the background.

Home/QR Codes & Barcodes/Custom QR Code

Custom QR Code

Create QR codes with custom colors, logos, and shapes

Files never storedRuns on your device

Content

Dot style

Corner style

Corner centre

Download size

Code colour

Background

Use a two-colour gradient

Logo (optional)

About Custom QR Code

A styled QR code maker: choose dot and corner shapes, solid or gradient colours and a centre logo so the code matches your brand. Download as PNG (up to 2,000 px) or SVG.

Watch: Custom QR Code in Action

Watch on YouTube · Subscribe for new tutorials

How to use Custom QR Code

Type or paste whatever the code should hold into the Content box. The text is encoded exactly as typed, so for a web address include the full https:// start, otherwise some scanners treat it as plain text. The preview on the right redraws as you change settings.

Choose a Dot style (Square, Rounded, Dots, Classy, Classy rounded or Extra rounded), a Corner style (Square, Rounded or Circle) and a Corner centre (Square or Dot). Set a Code colour and a Background colour, or tick 'Use a two-colour gradient' to blend a start and an end colour. An amber warning appears when the contrast is weak or the code is lighter than its background.

Optionally add a Logo image. Pick a Download size of 300, 500, 1000, 1500 or 2000 px, then press 'Download PNG' or 'Download SVG'.

When to use it

Use it when a code has to match a brand: a table card in a cafe, a flyer, product packaging, a conference badge or a shop window sticker. The SVG file suits print jobs that will be enlarged, while the PNG suits slides, web pages and documents. It also helps when a plain black-and-white code looks out of place next to your logo colours.

When not to use it

Skip it for Wi-Fi join codes, contact cards, e-mail or text-message shortcuts, because this tool encodes only the single line of text you type and does not build those formatted payloads. Use a generator made for those formats instead. Also avoid decorative styling for codes that will be scanned from far away, on curved surfaces or in dim light, where a plain square code is safer.

Tips for best results

Scan the finished code with two or three different phones before anything goes to print, since stylised dots and corners are read less forgivingly than square ones. If you add a logo, keep it simple: it covers about a quarter of the code's width and the dots behind it are cleared, which is why error correction is raised to its highest level automatically. Shorter content gives larger, easier dots, so prefer a short link.

Limitations

Content is a single-line box, so very long text produces a dense code that needs a larger print size. The logo sits in the centre only, at a fixed share of the code's width. The tool does not shorten links, count scans or check that an address actually loads. The border around the code is about 4 percent of the image width, so leave extra blank space when placing it on a busy layout.

Privacy

The code is drawn on a canvas inside your browser. The text you enter, your colours and any logo you pick are not sent anywhere; a logo is read from your device into the page only so it can be drawn on the code. Keep in mind that a QR code is not private: anyone who scans a printed copy can read exactly what you encoded.