QR Code Generator for Designers

Generate a QR for a poster, a card, or a product label, with a foreground color you choose.

Every visual artefact you ship has a tool behind it. The tabs that do not need a design system: a drop-resize-compress loop before a hero lands, a QR for a poster, a swatch you picked off a screenshot. All of those happen in your browser, so the artefacts never leave the machine you are sitting at.

Open the QR Code Generator →

What it does for Visual designers and brand teams

How to use it

  1. Paste the URL or text the QR should encode. The size slider rescales the preview without re-encoding the underlying data.
  2. Pick the foreground color (background should be light for camera readability) and the corner radius (more rounded looks softer in print).
  3. Download the PNG at the resolution the destination needs. A 2-color print does not need 4096px, a billboard does.

Other tools Designers reach for

Color PickerSample any pixel in an image, get hex / RGB / HSL, and pull a full palette in one click.Image ResizeResize a hero or a thumbnail to exact pixel dimensions, with export to JPG / PNG / WebP.Image CompressorPull a JPG or PNG down to a smaller file size for the web, with a quality dial you can preImage Format ConverterConvert between JPG, PNG and WebP without a privacy-leaking upload.Base64 Encoder / DecoderInline small assets into CSS or HTML without an upload step.

Common questions

Can I put a logo in the middle of the code?

Yes, within the error-correction budget - a QR code carries redundant data, and a level that tolerates roughly a third of the symbol being obscured is the safe choice for a centre logo. Keep the logo small, keep the quiet zone around the code clear, and test the printed size with a real phone.

How large does a code need to be on a poster?

Work from the scanning distance rather than the print size: the code wants to be roughly a tenth of the distance you expect people to scan from, and larger again in poor light or at an angle. A code that fills a business card is invisible on a wall.

Can I recolour the code to match the brand?

Yes, provided the contrast holds - dark marks on a light background scan reliably, and light marks on a dark background often do not. Two mid-tone brand colours that look distinct to you can collapse to the same brightness on a cheap camera.