What is QR Code Customizer?

QR Code Customizer lets you pick foreground and background colors, round the corners, and add your logo. The finished code downloads as a PNG, and nothing leaves your device.

Choose dots that are square, rounded, or completely round, set foreground and background colours with a hex picker, drop in a logo and tune its size from 10% to 50% of the code, and adjust the margin around it from 0 to 20 pixels. Error-correction levels L, M, Q, and H let you balance visual density against the code's ability to survive damage. Download as PNG or scalable SVG.

How to use

1. Step 1 — Enter the URL, text, or data you want to encode in the QR code.
2. Step 2 — Customize the appearance: pick foreground/background colors, corner style, and optionally upload a logo.
3. Step 3 — Preview the styled QR code and download it as a PNG image.

When to use

• Matching a QR code on a poster to your brand's exact colour palette.
• Adding your company logo to packaging or product QR labels.
• Exporting a scalable SVG for print runs where you need crisp edges at any size.

Result

Create a QR code for your portfolio website with navy-blue dots on a white background, rounded corners, and your personal logo centered in the middle.

FAQ

Will customising the colours stop my QR code from scanning?

Not by itself, but contrast matters. Most scanners need the foreground to be noticeably darker than the background. Light colours on light, or dark on dark, will fail. The preview tells you what the camera sees, so test before you print.

What does the error-correction level actually change?

Level L allows about 7% of the code to be damaged or covered before scanning fails; M is 15%, Q is 25%, and H tolerates around 30%. Higher levels add more dots to the same area, so the code becomes denser-looking.

How large can the logo be before scanning breaks?

Stay under 25% of the code's width and keep error correction at H. The QR specification reserves redundancy bits so a logo of that size sits over them without losing the underlying data. Larger logos start eating into the data area.

Should I export as PNG or SVG?

Use SVG for anything that will be resized — business cards, A0 posters, vinyl decals. SVG keeps edges sharp at every size. PNG is fine for screen use, social media, or when the target system can't read SVG.

Why do rounded dots sometimes scan worse than square ones?

Decoders are tuned for square modules. Rounded or circular dots shrink the visible area of each module slightly, so low-light cameras or older phones can struggle. If scans fail, switch back to square dots or raise the size of the code.

Related Tools