QR Code Generator

Paste a link or any text, choose the two colours, and take away a PNG or an SVG. The code is drawn in your browser, so nothing you encode is sent anywhere.

Foreground
Background
Enter a URL or text to generate a QR code.

About this tool

The preview redraws every time you change the text or either colour, so you can see immediately whether your brand palette still scans. The PNG comes out at 256px with a two-module quiet zone; the SVG is vector, so it holds up on a poster or an exhibition banner.

Whatever you type is what gets encoded. There is no redirect in the middle, no short link, and no tracking hop, which means the code keeps working for as long as the destination does and no third party can switch it out from under you.

Everything runs in your browser — nothing you enter here is sent to a server or stored. Provided as is, without warranty.

Making a QR code people can actually scan

A QR code is just a grid of black and white modules encoding a string. The reason so many printed ones fail has nothing to do with the encoding and everything to do with how they were treated afterwards: shrunk to fit a corner, stretched to fill a box, printed in a pale brand colour on a mid-grey card. Scanners need to find three corner squares and then read the grid, and any of those three things can stop that happening.

Two rules cover most of it. Keep strong contrast between foreground and background, with the foreground being the darker of the two, and leave the quiet zone alone. That empty margin is part of the code, not padding you can crop. If you want to check a colour pair before you commit, the contrast checker gives you a number rather than a hunch. On print, roughly 2cm square is the sensible floor for a code held in the hand, and more for anything read from across a room.

Here is the caveat that catches people out: the longer your string, the denser the grid. A short domain produces a code with big, forgiving modules. A URL carrying five campaign parameters produces one with tiny ones, which at small print sizes becomes unreadable on a mediocre phone camera. If you need attribution on a printed code, point it at a short, clean URL and put the tagging on the page it lands on, or use a dedicated short path per placement. Our UTM link builder is the right tool for the digital half of that job.

Finally, download the SVG even if you only need the PNG today. Someone will eventually ask for the code on a roller banner, and scaling up a 256px bitmap gives you soft edges exactly where sharpness matters most. Keep the vector next to the rest of your brand assets and you will never have to regenerate it.

Ready to see where agents can take cost out of your business?

Tell us about the process you want to optimise. Vlad personally reviews every brief and replies within one business day.