Make a custom QR code
Change the dots, the corner shapes, and the colours, with a gradient if you like. The code is read back after every change, so you see at once if a design won't scan.
Your codes are made in your browser. Nothing you type is sent anywhere.
Type a link or text. Your custom code appears here.
No code yet
Colours and error correction
How to make a custom QR code
- 01Type the link or text for your code.
- 02Choose the dot shape and the shapes of the three corners.
- 03Pick colours or a gradient. Keep them darker than the background.
- 04Wait for the scan check to say it scans, then download PNG or SVG.
Questions
Will a styled code still scan?
Every shape here is tested to read back, even shrunk and blurred like a code printed 2 cm wide. Colours are the bigger risk, so the tool warns when any colour is too light for the background, and the scan check runs after each change.
What are the corners for?
The three large squares in the corners (the finder patterns) tell a phone where the code is and which way up it is. They can be rounded or round, but they need to stay solid and dark.
Can I use a gradient?
Yes. Keep both colours dark. A gradient that fades towards a light colour leaves part of the code too faint to read, and the tool warns you when that happens.
Does the SVG keep the shapes and gradient?
Yes. The SVG has the same shapes and a real gradient, so it stays sharp at any size in design software.
Is anything I type sent to you?
No. Your codes are made in your browser. Nothing you type is sent anywhere.
Can I add a logo too?
Not on this page yet. Use the QR code with logo page for a logo in the middle.
Related tools
QR Code is a registered trademark of DENSO WAVE INCORPORATED. Codes are read back with ZXing-C++ and zxing-wasm (licences).