Skip to content
Outilix: all your free online tools, one click away, with Kroma the chameleon

Custom QR code generator

Kroma

Pick a content type (link, Wi-Fi, contact, email, SMS), a module style (square, rounded, dots), your colors and a center logo. The tool switches to maximum error correction (level H, 30%) with a logo and warns you if the contrast is too low to scan. Preview is free; the SVG and HD PNG are a one-time purchase.

  • ✅ Free
  • 🔒 No sign-up
  • 📱 Works on mobile
  • ⚡ Instant results

Design for free with a full preview. Clean, watermark-free download: $2.99, one-time payment, no account.

Loading the tool…

🔒 Everything runs in your browser. Your data and files never leave your device.

How a QR code stays readable with a logo

A QR code carries redundancy: even if part of it is covered, a scanner can rebuild the message. There are four error correction levels, and the higher the level, the denser the code.

LevelRecoverableBest for
L7%Clean code on a screen
M15%Everyday printing
Q25%Printing where smudges are likely
H30%Codes with a center logo

As soon as you add a logo, the tool switches to level H. Keep the logo under 20 to 25% of the code width.

Colors and contrast that still scan

  • Pattern darker than the background: light codes on dark backgrounds are not read by every scanner.
  • At least 3:1 contrast: the tool warns you below that.
  • Quiet zone: leave 4 modules of margin around the code, never fewer than 2.
  • Gradients: both colors should stay fairly dark.

For print, choose the SVG: it scales to any size without blur. For screens and documents, the 3000 px PNG is fine.

Content types you can encode

TypeWhat scanning does
LinkOpens the page in the browser
Wi-FiOffers to join the network without typing the password
Contact (vCard)Offers to add the contact card
Email, SMS, phoneOpens a prefilled message or call
TextShows the text

Your content stays in your browser: nothing is sent to a server while you design.

3 real-life examples

1

A menu QR code with a logo

Type “Link”, menu URL, “Soft” style, restaurant logo at 20% of the width. The code moves to level H: 8 to 10 more modules than without a logo.

2

A guest Wi-Fi code

Type “Wi-Fi”, network name and WPA2 password. Print it on a 4×6 in card: guests join by scanning, with nothing to type.

3

A connected business card

Type “Contact”: name, company, phone, email. The “Dots” style with a purple gradient stays readable at 0.8 in wide on a business card.

Frequently asked questions

How do I make a QR code with a logo?
Pick “Icon” or “My image” in the Logo section. The tool reserves the center of the code and switches to error correction level H, which tolerates up to 30% loss.
Does a custom QR code always scan?
Yes, as long as the contrast is high enough, the pattern is darker than the background and the logo is small enough. Test with your phone before printing a big batch.
What is the minimum printed size for a QR code?
Plan for about 0.8 inches square, and at least 0.4 inches per hundred encoded characters. Short links scan better at small sizes.
SVG or PNG for my QR code?
SVG is vector: it scales with no loss, ideal for print. The 3000 px PNG suits screens and documents.
Does a QR code expire?
No. Codes made here are static: the content is in the image, with no subscription or redirect. It works as long as the link does.

How we calculate

Share this page