Colored QR Code Generator

Black on white is the safest QR code there is, and it is not the only one that works. Colour is fine — as long as you respect the one rule that decides whether a scanner can read it.

Design your coloured QR code

Link to any web page

Try something like https://example.com/

Live previewSample code
Sample QR code — enter your details to generate your own
Copy QR code image
Hide design presets

This code is static and permanent. To change where it points after printing, .

Why Use This Tool

Design a QR code in your brand colours. Change pattern and background colour, pick module and corner styles, and keep it scannable. Free, no signup.

Free, Unlimited, No Signup

Generate as many QR codes as you need without an account, a trial, or a credit card. Free codes carry a small linkutm wordmark in the bottom corner; create an account to replace it with your own logo or remove it entirely.

Your Data Never Leaves the Browser

Every code is encoded and rendered locally in JavaScript. Wi-Fi passwords, contact details, and campaign URLs are never uploaded to a server or logged anywhere.

Designed, Not Just Generated

Twelve ready-made designs pairing eight module styles with shaped finder patterns, brand colours, and gradients. Export a code that looks like it belongs on your packaging, not like a default black square.

Print-Ready PNG, SVG, and PDF

Download a 1200px PNG for digital, a vector SVG that scales to a billboard without a single soft edge, or a print-ready PDF. Copy straight to the clipboard when you just need it in a deck.

How It Works

  1. 1

    Enter the destination, then open the design panel

    Build the code first so you can watch the preview change as you adjust it. Colour choices look different against a real pattern than they do in a palette, especially at the small sizes codes are usually printed at.

  2. 2

    Set a dark pattern on a light background

    This is the rule everything else hangs off. Scanners expect dark modules on a light field, and although many handle an inverted code, enough do not that it is never worth the risk on print. Pick the darkest usable colour in your palette for the pattern.

  3. 3

    Keep the contrast comfortable, not marginal

    Aim well past the minimum. A useful check: convert the two colours to greyscale in your head — if they look similar in grey, a camera in dim light will struggle. Mid-tone on mid-tone, pastel on white, and yellow on anything are the three combinations that fail most often.

  4. 4

    Print a proof on the real material

    Screens are backlit and paper is not, and inks shift on uncoated stock. Print at final size on the actual substrate and scan it in the light the piece will live in before signing off a run.

How a scanner reads colour

It mostly does not. The camera converts the image to greyscale and looks for the contrast boundary between light and dark modules, which is why two colours with similar luminance are unreadable no matter how different their hues look to you. Red and green may be opposites on a colour wheel and near-identical in grey. This is also why the safest bright-brand codes use a saturated dark colour — deep blue, forest green, burgundy — rather than a mid-tone version of the same hue.

Gradients, patterns and photo backgrounds

A gentle gradient between two dark tones is usually safe. A gradient that passes through a light tone is not, because part of the pattern loses contrast with the background. Photographic backgrounds behind a code fail regularly for the same reason — the contrast varies across the symbol and the scanner loses the boundary somewhere in the middle. If a design demands a photo, put the code on a solid panel over it.

What to do about dark backgrounds

Brand designs frequently want a code on a black or deep-coloured page, which pushes people towards inverting the code to light-on-dark. Some scanners cope, some do not, and you will not find out which until it is in print. The reliable answer is a light panel — a rounded white or off-white rectangle behind the code, sized to include the quiet zone. It keeps polarity correct, guarantees the margin, and reads as a deliberate design element rather than a compromise.

Free Tool vs linkutm Platform

Every code on this page is free to make and never expires. The linkutm platform adds the parts a printed code cannot do on its own — editing the destination, and counting the scans.

Feature
Free Tool
linkutm Pro
QR codes you can generate
Unlimited
25 a month on the free plan
Content types
10 static
All 13, including PDF, Multi-URL, and App
Design presets, colours, and gradients
12 presets
Full control
PNG, SVG, and PDF download
Works with no account
Editable destination after printing
Scan tracking and analytics
Location, device, and referrer breakdown
Branded short domain on the code
Custom back-half (your own short code)
Your own logo instead of the linkutm mark
Frames with a scan call to action
Error correction level control
Always H
L, M, Q, or H
Built-in UTM builder and templates
Folders, tags, and team workspaces

Frequently Asked Questions

Want To Know Who Scanned It?

A dynamic QR code keeps the same printed pattern while you change where it points, and shows you every scan — when, where, and on what device.