Skip to content
PNG · SVG · Custom Styles

QR Code Generator

Create beautiful, branded QR codes with custom colors, gradients, dot styles, and logo embedding.

Preview

QR Code Preview

Download

Preview is free. Downloads: PNG/ZIP — 10 credits, SVG — 15 credits. Sign-in required.

Tracked QR code

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

https://uixcolors.com

Logo

Images are processed client-side only

Colors

Dot Style

Marker Style

Error Correction

Higher levels work better with logos

How It Works

Step 1

Enter Your Content

Type or paste any URL, text, email, phone number, or Wi-Fi credentials into the input field.

Step 2

Customize the Design

Choose colors, gradients, dot styles, and marker shapes to match your brand identity.

Step 3

Set Error Correction

Pick Level H when adding a logo — it lets the QR code survive up to 30% coverage.

Step 4

Download as PNG or SVG

Export at any resolution (up to 2048×2048 PNG) or as a vector SVG for print-perfect quality.

Frequently Asked Questions About QR Codes

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.

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.

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.

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.

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.

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.

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.

Other UIXColors tools that pair well with QR Code Generator.

✓ Copied