How do I generate a QR code online?

Enter text or a URL, adjust size and margin, choose color options, and the QR preview updates automatically. Download the result as PNG.

Can I set custom QR colors?

Yes. You can set foreground and background colors, or make either transparent. Keep strong contrast so scanners can detect modules clearly.

What does error correction level mean?

Error correction controls how much damage or obstruction the code can tolerate: 7%, 15%, 25%, or 30%. Higher levels improve resilience but increase density.

Should I use a fixed version?

Use Auto for most cases. Fixed version is useful when you need strict symbol dimensions for print templates or device constraints.

Does this support numeric, alphanumeric, byte, and kanji modes?

Yes. You can pick encoding mode in advanced options; mode compatibility depends on your content.

Are files uploaded to a server?

No. QR generation runs locally in your browser.

Text to encode

Customized styles may reduce scan reliability. Verify your QR code at real output size.

Generated QR code

Enter text to generate a QR code preview.

Basic options

Size (px)

Margin (%)

Show advanced options

Color options

Background color

Transparent

Foreground color

Transparent

Use high luminance contrast (dark foreground, bright background) for better scan reliability.

Online QR code generator

Generate QR codes online with text input, size, margin, error correction, and custom foreground/background colors. Live preview, PNG download.

What is a QR code generator?

A QR code generator converts text into a machine-readable matrix barcode that phones and scanners can read quickly. This page lets you tune output size, quiet-zone margin, encoding options, and foreground/background colors while previewing in real time. It is useful for links, print assets, event flows, and product handoffs where fast mobile access matters.

QR code generator features

Core controls for reliable, customizable QR outputs.

Text and URL encoding: Encode links, plain text, and short payloads.
Size and margin control: Set output dimensions and quiet-zone spacing.
Advanced options: Version mode, fixed version, error correction, and encoding mode.
Color controls: Custom foreground/background colors with transparency toggles.
Live preview: Regenerates automatically whenever settings change.
PNG export: Download the generated QR code as a PNG image.

How to use this QR generator

Quick steps for scannable custom QR codes.

Enter text to encode: Paste a URL, contact text, or other data payload.
Adjust basic options: Tune size and margin for your target medium.
Optional advanced tuning: Set error correction, encoding mode, and version behavior.
Pick high-contrast colors: Dark modules on bright backgrounds scan best.
Download PNG: Export and test scan at final display/print size.

Tips for better QR scanning

Improve readability before publishing.

Use high contrast: Dark modules on light backgrounds scan more reliably.
Avoid tiny outputs: Increase size for distant scans or dense payloads.
Keep margin non-zero: A quiet zone helps scanners isolate the code.
Test after styling: Always test on real devices at final usage size.

Great for

Common QR usage scenarios.

Marketing links: Landing pages, campaign URLs, and promo tracking links.
Print materials: Posters, packaging, cards, menus, and labels.
Event check-ins: Tickets, registrations, and quick on-site redirects.
Product onboarding: Guide users to setup docs, apps, or support pages.

Why use this tool

Fast QR generation without uploads.

Private by default: Data stays on-device during generation.
No account needed: Open the page, generate, and download immediately.
Fine-grained controls: Balance styling with scan reliability.
Cross-platform output: PNG works across web, docs, and print workflows.

Technical details

How generation is handled in-browser.

Engine: QR generation uses the `qrcode` JavaScript library.
Output format: Rendered as PNG data URL for instant preview and download.
Version support: Auto or fixed version from 1 to 40.
Error correction: L, M, Q, H levels (approx. 7%, 15%, 25%, 30%).
Color rendering: Foreground/background colors including alpha transparency.

Frequently Asked Questions

Have questions? We have answers.

More tools from Image & Conversion.

View all Image & Conversion