Skip to main content
QRSenBuilt for business
Colors & Styles

QR Code Colors & Styles: The Complete Guide

Green, blue, circular, minimalist, transparent — style a QR code that matches your brand instead of the default black square.

Enter a URL above to preview your styled QR code

Scan to test your QR code

Scanning this QR code will open the URL above.

Same name auto-numbers: qr-code 2, qr-code 3…

Click the rainbow circle to pick any custom color.

White is safest for scanning. A custom background needs strong contrast against the dot color above.

PNG & JPG export at 2048 × 2048 px — sharp, clean & print-ready at any size. Use SVG for logos or vector work, it scales infinitely.

A QR code doesn't have to be a plain black square. The dot color, the background color, and the shape of the dots themselves are all independently customizable here — a green code for an eco brand, a navy code to match a logo, a transparent-background code to drop onto a poster design that already has its own artwork underneath.

The one rule that actually matters, underneath all the style options: contrast. A scanner reads a QR code by distinguishing dark modules from light ones, so the style choices below are grouped around what stays reliably scannable versus what looks good on screen but risks failing in the real world.

  • Any dot color, any background color — including full transparency
  • Four dot-shape presets: square, dots, rounded, extra-rounded
  • Instant live preview before you commit to a print run
  • Free, unlimited, no sign-up — same generator as every other QRSen page

Choosing a color that still scans

"Green QR code" or "blue QR code" is entirely doable — the dot color picker takes any hex value, not just the six presets shown by default. What determines whether it actually scans isn't which colors you pick, it's how much contrast sits between them. A dark green on white reads perfectly; a mid-tone green on a mid-tone gray background is where cameras start to struggle, especially at a distance or under bad lighting.

A simple test that works without any special tools: squint at the code, or view it in grayscale (most phones have an accessibility filter for this). If the dots and background still look clearly different from each other once color is stripped away, the contrast is almost certainly high enough.

Round, circular and minimalist styles

"Round" and "minimalist" QR code requests are usually asking for the same thing: softer, rounded modules instead of hard black squares. The Rounded and Extra-Rounded dot styles here do exactly that, keeping the underlying grid structure scanners expect while softening the visual edges.

A fully circular QR code — the whole symbol cropped into a circle rather than a square — isn't part of the QR standard, and most scanner software is tuned to expect a square finder pattern in the corners. Rounding the dots gets the same softer aesthetic without that risk; cropping the whole code into a circle is the one style choice we'd actively steer away from.

Transparent and custom-background QR codes

Toggling Transparent under Background removes the background fill entirely, rather than trying to fake transparency with a color — the exported SVG or PNG genuinely has no backing rect, so it composites cleanly on top of another design, a colored poster, or a product photo. JPEG can't carry transparency at all (the format has no alpha channel), so a JPEG export always falls back to solid white regardless of the toggle — pick SVG or PNG if transparency is the point.

A solid custom background (not transparent, just a color other than white) works the same way as the dot color: any hex value, contrast against the dots is what determines whether it scans.

Related tools

Ready to create your QR code?

Free, unlimited, no sign-up. Lifetime guarantee.

Scroll up & generate now

Related reading

View all

Frequently asked questions

Yes — pick any color for the dots and, separately, for the background. The only rule that actually matters for scanning is contrast: dark dots on a light background (or the reverse) work reliably, while two similar-toned colors can fail to scan even if they look fine on a screen.
"Round" and "minimalist" usually mean rounded or dot-shaped modules instead of hard squares — this generator's Rounded and Extra-Rounded dot styles cover that. "Circular" sometimes means the whole code trimmed into a circle frame, which isn't standard QR (most scanners expect a square symbol) — we'd recommend rounded modules over a circular crop for reliability.
Yes, for SVG and PNG exports — toggle Transparent under Background and the file has no background fill at all, ready to sit on top of another design. JPEG can't support transparency (no alpha channel in the format), so JPEG exports always get a white background regardless of the toggle.
It can, if the contrast between dots and background gets too low. Stick to a clearly dark-on-light or light-on-dark pairing and test-scan before printing or publishing — the same rule that applies to color choice generally.
Just the fill behind the dots — it's independent from the dot color itself. You can pair any background with any dot color; the tool doesn't restrict combinations, only physical scanning does.

QRSenBuilt for Business. Guaranteed for Life.