QR Code Customizer - Custom Color QR Generator

How to use this tool

1. Enter the URL or text to encode.
2. Choose colors, size, error correction, and a quiet zone of at least four modules.
3. Optionally attach a PNG, JPEG, or WebP logo; the preview updates as you make changes.
4. Download PNG for a logo or SVG for a scalable code without a logo, then test-scan it.

This customizer encodes the text or URL you enter directly into a static QR code. Color, pixel size, error correction, and the quiet zone affect how the image looks and how reliably phones can read it. The preview refreshes as you edit, so it reflects the current settings. The QR itself does not redirect through a tracking service or change after you download it.

QR code error correction levels

Data capacity

A QR code's data capacity depends on content type, error correction level, and version (1–40). Version 40-L can store up to 7,089 numeric characters or 4,296 alphanumeric. URLs are typically 30–200 characters, so Version 2–6 is sufficient for most links. As text grows, the code needs more modules; keeping a URL short can make the printed pattern easier for a camera to resolve. Error correction adds recovery data, which can increase the code's density.

Logo overlay guide

You can choose a PNG, JPEG, or WebP logo up to 1 MB. The image is read in this browser and drawn over a small white patch in the center of the QR preview; it is never uploaded. The default patch covers 20% of the symbol and the size control stops at 25%. While a logo is attached, the customizer renders with H-level error correction. That extra recovery helps, but it cannot guarantee that every camera will read a covered code.

To keep a logo-covered code easier to scan:

• Keep the center patch small. Finder patterns are the large squares near the corners and must remain clear; do not position artwork over them.
• Keep the logo to ≤20–25% of the total QR code area. Larger logos break too many modules.
• Center the logo precisely — offset placement can interfere with the finder patterns in the corners.
• Always test the final image on multiple devices (iOS Camera, Android Camera, a dedicated scanner app) before printing or publishing.

Color contrast requirements

QR codes require sufficient contrast between the dark modules (foreground) and light background. A contrast ratio of at least 4:1 is recommended; the customizer warns when the selected colors fall below 3:1 or use a light foreground on a dark background. Inverted codes can work, but some cameras and low-light environments struggle with them. Avoid dark-on-dark pairs, low-saturation colors, or gradients that reduce local contrast inside the scanning area.

Print size minimums

A QR code should be at least 2 × 2 cm (0.8 × 0.8 inches) to scan reliably at arm’s length (≈30 cm). For scanning at greater distances (wall posters, billboard, storefront), scale proportionally: doubling the scan distance generally calls for a larger code. The quiet zone is the blank border around the pattern; this tool starts at four modules on every side. Reducing it can make a code blend into nearby artwork or text, so test the final placement before printing. Use PNG when the design includes a logo; logo-free SVG remains sharp at large sizes.