Skip to content

QR code generator

Links, Wi-Fi, contact cards or locations — in your brand colours, with a logo and a frame. The generator checks the code will scan before it goes to print.

  • 8 data types
  • PNG to 2048 · SVG
  • Scan tracking
  • Free preview
Preview
free
PNG · ZIP · copy
10 cr
SVG
15 cr

Preview

Type an address — the code appears as you type.

Encodeshttps://uixcolors.com21 chars

Download

Preview is free. PNG, ZIP and copy cost 10 credits, SVG 15 — charged only once the file is ready.

Content

Tracked code

Encodes a short link instead: counts scans and lets you change the destination after printing.

Colours

Presets

Code fill

Shape

Dots
Marker frame
Marker centre

Reliability & frame

Error correction

Higher levels survive logos and wear better — and make the code denser.

How it works

From link to print

  1. Step 1. Enter your content

    A link, text, Wi-Fi, email, phone, SMS, a contact card or a location — each type has its own fields and the code builds itself.

  2. Step 2. Customize the design

    Colours or a gradient, dot and marker shapes, a logo, a “Scan me” frame — so the code matches your brand.

  3. Step 3. Check it will scan

    The generator warns about weak contrast, an oversized logo or a missing quiet zone — before printing, not after.

  4. Step 4. Download PNG or SVG

    PNGs are re-rendered at the size you pick, up to 2048×2048; the SVG is a styled vector for print.

FAQ

About QR codes

Error correction, logos, file formats and dynamic codes — in short.

What are error correction levels and which should I use?

Error correction allows a QR code to be read even if part of it is damaged or covered. Level L recovers up to 7% damage, M recovers 15%, Q recovers 25%, and H recovers 30%. Use Level H when adding a logo (the logo covers part of the code). Use Level M or L for plain QR codes without logos — lower levels produce less dense codes that scan faster and from farther away.

How large can my logo be without breaking the QR code?

Level H error correction recovers up to 30% of a damaged code, but spending all of that budget on a logo is asking for trouble. So the slider here runs from 8% to 20% of the code width, and the renderer holds the same ceiling — even at maximum you stay inside the safe margin. Use Level H whenever you add a logo, and still test the finished code with a couple of scanner apps before printing, especially if it will be printed small.

When should I download SVG vs PNG?

Download SVG for print materials — it scales infinitely without pixelation, making it ideal for business cards, banners, posters, and packaging. Download PNG for digital use on websites, apps, social media, and email. Use 512×512 or 1024×1024 PNG for screens. The 2048×2048 PNG is suitable for large-format prints if SVG is not supported by your production tool.

What affects QR code scanning distance?

Scanning distance depends on physical print size, contrast, and code density. A QR code printed at 2.5cm can be scanned from about 20cm; at 10cm it scans from about 80cm. Higher contrast (dark on light) enables scanning from farther away than colored versions. Lower error correction levels (L) produce less dense patterns that are easier to scan at distance. For posters, print the code at least 4–5cm with high contrast.

What QR code standard does this generator use?

This tool generates ISO/IEC 18004 standard QR codes using the open-source qrcode library. These codes are compatible with all modern smartphone cameras (iOS 11+, Android 8+) and dedicated QR scanner apps. The QR version (size of the module grid) is automatically selected based on the content length — longer content produces a denser code.

Will colored or gradient QR codes scan reliably?

Yes, as long as the contrast ratio between the QR modules and background is at least 3:1 (ideally higher). Dark modules on a light background scan most reliably. Avoid light-colored QR modules on white or very light backgrounds. Inverted codes (light on dark) can work but may not scan with all apps. Always scan-test your design before committing to print.

What is the difference between static and dynamic QR codes?

Static QR codes encode the data directly: the content is fixed and cannot change once printed. A dynamic code encodes a short redirect link instead, so the destination can be changed without reprinting anything. This generator does both — the “Make it trackable” button gives you a uixcolors.com/q/… short link, counts scans and shows the stats in your dashboard. Static codes are simpler and need no account; dynamic ones are for when you need analytics or may need to change where the code points.
Keep going

Other UIXColors tools that pair well with the QR Code Generator.

Guide for this tool

Copied