Create a custom colored QR code
Brand colors, gradients and corner accents, with a contrast check that finds the weakest point of the gradient, not just the average.
- No signup
- No scan ads or redirects
- SVG, PNG & vector PDF
- Runs in your browser
Use a page you control and keep it live; the code points here forever.
Templates change the look only. What you typed stays as it is.
Q: raised from M at no size cost.
Higher levels survive more damage but make the code denser. How error correction works
Encoded data 19 bytes
https://example.com
Static code. This data is printed straight into the code. Scans never pass through our servers, so it can't expire or be switched off.
Checking…
- Decodes: checking Reading the artwork back…
- Small print: checking
- Slight blur: checking
- Strict decoder: checking
- Contrast: pass Weakest contrast is 6.8:1.
- Dark on light: pass Modules are darker than the background, which every scanner expects.
- Quiet zone: pass 4 modules of clear margin, as the standard requires.
- Density: pass Version 2: 25×25 modules.
- Print size: pass Each module prints at 0.91 mm.
We decode the exact artwork you'll download, three ways. It can't predict every camera, printer or light, so scan a printed proof before a big run. How to test
Download
Vector: sharp at any size. Best for designers, Illustrator, Figma and print shops.
Free for any use, including commercial. No watermark, no account, no expiry.
How to make it
Choose solid or gradient
Linear or radial gradients, with any angle.
Set the background
Keep it light and plain. Transparent backgrounds depend on what you print on.
Accent the corners
Give the corner frames and centers their own colors, the most visible place for brand color.
Watch the contrast check
It flags the lightest part of a gradient against the background and suggests a fix.
What's inside the code
Colors don't change the encoded data; they only need to stay dark against a light background. The scan check reports the weakest pair:
Weakest contrast is 6.8:1 (gradient end #b0115f on #ffffff)Colors that still scan
- Aim for a contrast ratio of at least 4.5:1 between the darkest background and the lightest part of the code.
- Dark on light. Light-on-dark (inverted) codes work on new phones but fail on some older scanners.
- Check gradients end to end; the light end is where scans fail.
- Metallic and fluorescent inks can fool cameras. Proof them physically.