BrowserTools

QR Code Generator

Custom QR codes with colors and logo

By Guga — BrowserTools maintainer, Tbilisi, Georgia Updated 2026-09-21
Free Private No uploads
What is QR Code Generator?

Three payload types, because a QR code that only carries a URL wastes most of its capability. The Wi-Fi tab produces a credential payload that lets a phone camera join a network without typing a password, which is the single most useful thing a QR code does at a café table or in a meeting room. The Contact tab emits a vCard 3.0 record with name, organisation, phone, and email. Everything is static: the data is encoded directly into the modules, so there is no redirect service in the middle, nothing to expire, and no analytics on who scanned. Appearance controls are size, quiet zone in modules, foreground and background colour, and error correction level — raising that last one adds redundancy so a code survives partial damage or a logo, at the cost of a denser pattern. Output is PNG or SVG, and the underlying payload can be copied as text.

Generate QR codes for links, text, Wi-Fi or vCards with custom colors, size and error correction — downloadable as PNG or SVG. No expiry, no tracking, codes are yours forever.

Private QR Code Generator In Your Browser

QR Code Generator is processed locally with client-side JavaScript. Your files never touch a server, and there is no queue to wait in.

Step-by-Step

How to use QR Code Generator

1

Choose a payload tab: Text / URL, Wi-Fi, or Contact.

2

Fill in the relevant fields — a URL or text; or SSID, password, and encryption; or name, phone, email, and organisation.

3

Adjust Size, the Quiet zone in modules, the foreground and background colours, and the Error correction level.

4

Download the result as PNG or SVG, or use Copy content to take the raw payload text with you.

Key Capabilities
  • Three payload types: a URL or plain text, a Wi-Fi credential payload, and a vCard 3.0 contact record
  • Error correction is selectable at Low (7%), Medium (15%), Quartile (25%), or High (30%)
  • Size, quiet zone in modules, and both foreground and background colours are adjustable
  • Exports as PNG or SVG, and the raw payload can be copied as text
Common Use Cases
  • A café printing a table tent so customers join the Wi-Fi by pointing a camera at it.
  • A conference organiser generating a badge QR code that drops a contact card onto a phone.
  • A developer adding a trackable-free code to a poster and keeping the SVG for print production.
Clear Answers

Frequently Asked Questions

What does the error correction level actually do?
It duplicates part of the data so the code can still be read if part of it is obscured or damaged. High correction adds the most redundancy and produces the densest pattern, which makes the code harder to scan at small sizes. Medium is a sensible default for print.
Do these codes expire or track scans?
No. The data is encoded straight into the image, so there is no server in the middle. The code works forever, and nobody — including whoever made it — can tell when or how often it was scanned.
Why does changing the colours risk the code not scanning?
Scanners need a consistent contrast ratio between the dark and light modules. A light-on-dark code, or two colours of similar brightness, will fail on many readers even though it looks fine on your screen. Dark on light is the safe choice.
Can I put my logo in the middle?
Not in this tool. If you need that, generate the code at High error correction first, since the redundancy is what lets a logo overlay survive, and add the logo in a graphics tool afterwards.

Related Guides

View all guides →
webdevHow to Choose QR Code Error Correction Level (L, M, Q, H)L gives capacity, H gives resilience. Learn which level survives logos, dirt, and low light without making the code unruly.