Skip to main content

QR Generator

Make styled QR codes for links, text, Wi-Fi and contacts, with your colours, dot shapes and logo, as PNG or SVG.

Content

Type
Start from

Look

Presets

Dots

Eyes

Pupils

Logo

Colours and size

Error correction

Higher correction keeps the code readable when part of it is damaged or covered, at the cost of more modules.

Quiet zone round the code, in steps of 4 px.

QR code

Type some content to make a QR code.

Version
—
Modules
—
Error correction
Medium · 15%
Payload
0 B
Contrast
21:1
Result
—
Format

About QR codes

Invented by
Masahiro Hara (Denso Wave)
Year
1994

Quick Response code, made at Denso Wave for tracking car parts. Now everywhere: links, payments, menus, tickets. Three finder squares let a camera read it from any angle.

Runs in your browser; nothing you enter leaves this page.

How it works

What goes into the code

Text mode encodes exactly what you type: a link, a phone link (tel:), an email link (mailto:), an SMS (sms:) or a map point (geo:). The quick starts fill in the shape of each.

Wi-Fi mode writes the WIFI: format phones understand: security type, network name, password and whether the network is hidden. Semicolons, commas, colons, quotes and backslashes in the name or password are escaped, so they survive the trip.

Contact mode writes a vCard 3.0 with the fields you fill in. Batch mode makes one PNG per line and packs them into a ZIP.

Text is encoded as UTF-8 bytes, so Vietnamese and other accented text scans back exactly as typed.

Size, modules and error correction

The encoder (qrcode-generator, the one inside qr-code-styling) picks the smallest QR version that fits your data at the chosen error correction. Version 1 is 21 × 21 modules and each version adds 4 per side, up to 177 × 177 at version 40.

Each module is a whole number of pixels, so the code sits sharp in the image; the leftover pixels become margin. Padding adds 4 px of quiet zone per step.

Error correction lets a reader rebuild missing parts: Low restores about 7% of the code, Medium 15%, Quartile 25% and High 30%. Higher levels need more modules for the same data.

modules per side = 17 + 4 × version

Logo and looks

A logo clears a block of modules in the centre, sized from the logo's share of the code and the error correction level, the same way qr-code-styling does. The cleared area never exceeds what the chosen level can restore, which is why High is the safe choice with a logo.

Dots, eyes and pupils change only the shape of each module and finder; the pattern itself is the same, so every style scans as long as the contrast between foreground and background stays high.

More tools

All 238 tools