Custom QR Code Maker
Design a QR code with your own colours, size, and logo — then download it as PNG or SVG, free and in your browser.
Type a link or pick a content type to see your QR code
Content
Style
Higher levels stay scannable when damaged or covered by a logo.
Logo (optional)
Add a centre logo. Keep error correction at H so it still scans.
Style a QR code to match your brand
A plain black-and-white QR code works, but a custom one looks intentional. This maker lets you set the foreground and background colours, the output size in pixels, the quiet-zone margin, the error-correction level, and an optional centre logo — so the code matches your poster, deck, or packaging.
The content is still encoded directly into the pattern, so your custom code is static and never expires. Download a PNG at any pixel size, or an SVG vector that stays razor-sharp on a large print.
How to make a custom QR code
- Enter your content. Choose a content type and type your link or details.
- Choose your colours. Set the foreground and background in the Style section. Keep good contrast.
- Set size and margin. Pick the output size in pixels and the quiet-zone width.
- Add a logo and download. Optionally drop in a logo, then download as PNG or SVG.
Contrast is what makes it scan
Dark foreground on a light background is the most reliable combination. Avoid light-on-dark or low-contrast colour pairs, and never invert the colours (a light code on a dark background) unless you have tested it on several phones.
What keeps a styled QR code scannable
You can recolour and resize a QR code freely, but a few physical rules from the ISO/IEC 18004 standard decide whether a camera can still lock onto it:
| Setting | The rule that keeps it readable |
|---|---|
| Contrast | Keep a dark foreground on a light background. Low-contrast pairs and light-on-dark (inverted) codes fail on many cameras. |
| Quiet zone | The standard requires a clear margin of at least 4 modules on every side, so a camera can tell where the code ends. |
| Size | For print, a rough rule is a scanning distance of about 10× the code's width — a 2 cm code reads at roughly 20 cm. Bigger is safer. |
| Vector (SVG) | SVG stays razor-sharp at any size, so it's the safest export for large posters, banners, or packaging. |
Colour and sizing tips
- If you want a coloured code, change the foreground (the dark modules) and keep the background light, rather than the other way round — cameras expect dark-on-light.
- The margin slider sets the quiet zone; leaving it at about 4 matches the specification and is the most reliable choice for print.
- Don't shrink a complex code (a long URL makes a denser grid); either keep the content short or print it larger so individual modules stay crisp.
- Export PNG for on-screen or quick use and SVG when it will be printed large, then scan-test the final artwork on a phone before you publish it.
More QR code tools
Frequently asked questions
Can I change the QR code colours?
Yes. Set any foreground and background colour in the Style section. Keep a strong contrast so cameras can read it.
What size should I make my QR code?
Choose a size that suits where it will appear. For print, bigger is safer — and an SVG download scales to any size without blurring.
Is a custom code still static?
Yes. Styling only changes the look; the content is still baked into the pattern, so the code never expires.
Where is my image processed?
Building or reading a QR code happens in your browser, so the file is created on your own device. How any data associated with the tool is handled is described in our privacy policy.
More image tools
Crop an image
Crop to any ratio or an exact pixel size.
Image toolResize an image
Change dimensions to exact pixels or presets.
Image toolCompress an image
Shrink file size without visible quality loss.
Image toolConvert HEIC to JPG
Turn iPhone HEIC photos into universal JPG.
Image toolConvert image format
PNG, JPG and WebP — convert any to any.