Free online QR code design tool with custom colors, corner styles, dot patterns, and PNG/SVG download support.
TL;DR: Free online QR code designer with custom colors, corner styles, and dot shapes. Supports PNG and SVG download. Create unique personalized QR codes generated locally, no registration required.
For local tools, open DevTools → Network and search your input — it should not appear in requests.
Next steps
Usage Guide
Style QR colors, eyes, dots, size, margin, and error level with contrast hints — local. No center logo embed.
1. Design
Dark-on-light is the safe default; test inverted colors on devices.
- Enter payload.
- Tune colors/styles/error level.
- Download PNG or SVG.
2. Reliability
- Higher error correction for tiny print.
- Dead short links fail regardless of art.
- Fancy dots trade robustness.
3. Error levels
Higher recovery densifies the code; long payloads may need simpler styling.
4. Vs other QR tools
- Plain generator for speed.
- Decoder for existing images.
- Designer for brand materials.
5. Color a11y
Heed contrast warnings; brand tint must not kill scanability.
6. Payload privacy
Local generation is not a substitute for safe content choices.
- Keep payloads short.
- No long-lived token URLs on posters.
- Screenshots still leak.
7. Reminder
Pretty is optional; scannable is mandatory.
FAQ
No. Codes are rendered locally and the payload stays in the current page. A screenshot, though, carries the payload itself — make sure the link inside is fine to share before posting it.
Foreground/background colors, size, margin, error correction level (L/M/Q/H), eye styles (square/circle/rounded), and dot styles (square/circle/dots/star). The page warns when contrast is weak — readers with color-vision differences may struggle with low-contrast pairs, so favor contrast over brand colors when in doubt. Center logo embed is not supported; use the plain QR generator when you just need a fast monochrome code.
PNG bitmap and SVG vector: SVG suits print scaling, PNG suits everyday sharing. Fancy modules or weak contrast lower the scan success rate — test on a real device before shipping.
Higher levels recover more damage but make the code denser and harder to print clearly at tiny sizes. Posters and large prints can afford a higher level; small on-screen codes or long payloads actually scan worse with excessive correction. If a styled code stops scanning, raise the level one notch first, then fall back to square modules.
A dark foreground on a light background is the safe default; inverted color schemes deserve repeated testing on real devices. Fancy modules like stars and dots trade away fault tolerance, so keep a conservative style for outdoor or long-distance scans; when print size is small, raise the error correction level or simplify the dots. Keep the payload short too — shorter codes are sparser and scan more easily.
Confirm the destination stays reachable — if a dynamic short link dies, even a beautiful code opens nothing. And never bake token-bearing URLs into codes meant for long-term display.
Related Tools
Related Articles
How to Generate a Styled QR Code with Custom Colors (No Third-Party Host)
Want colored modules and rounded finders? Aligned with this site's designer: what you can change, logo limits, PNG vs SVG export, density and contrast pitfalls.
HTTP Status Codes Reference: Quick Lookup Guide
Complete HTTP status code reference. Understand 1xx, 2xx, 3xx, 4xx, 5xx categories, common scenarios, and correct usage in API development.
ASCII vs Unicode vs UTF-8: Character Encoding Finally Explained
ASCII has 128 characters, Unicode covers 140k+, UTF-8 is Unicode's variable-length encoding. Learn the difference, byte vs character length, and why most encoding bugs happen.