Custom QR Code Generator

What you can customize

Open the "Colors, logo & shape" panel below the code type tabs to change:

• Dot color: any solid color for the QR pattern itself, picked with a standard color picker or a hex value.
• Gradient: switch on the two-color gradient toggle to blend two colors diagonally across the pattern instead of a flat single color, a look most free QR tools don't offer at all.
• Background color: usually left white for maximum contrast and scan reliability, but can be changed for a design that needs to sit on a colored card or background.
• Dot shape: square (the classic look), rounded, dots, classy, classy-rounded, or extra-rounded corners on the position markers.
• Logo: upload a PNG, JPG, SVG, or WebP image, placed automatically in the center at a size calibrated to keep the code scannable.

Why a logo doesn't break the scan

Every QR code carries built-in error correction: mathematical redundancy that lets a scanner reconstruct the full data even when part of the code is missing, damaged, or covered. This tool automatically uses a high-enough error-correction level (Quartile, tolerating roughly 25% obstruction) specifically because logo placement is a core feature here, not an afterthought. The logo takes up a modest, centered portion of the total code area, well within that redundancy budget, so the code keeps scanning reliably on ordinary phone cameras.

Picking colors that still scan reliably

Custom colors look great on screen, but scanning depends on contrast, not on how the color looks to a human eye. A phone camera and its decoding software need to tell the dark modules apart from the light background reliably, in whatever lighting the code gets scanned under.

• Keep the dot color clearly darker than the background. A common safe pattern is a dark brand color on a white or very light background.
• Avoid two similar mid-tone colors (for example, a medium blue dot on a medium gray background): the contrast can look fine on a bright monitor but fail under dim indoor lighting.
• If using a gradient, make sure both ends of the gradient are still meaningfully darker than the background color, not just the midpoint.
• When in doubt, test the exported code with two or three different phones before committing to a large print run, especially for a color combination you haven't used before.

Worked example: a two-color gradient for a product label

Say a brand's palette is a deep purple and a bright violet. Enter the product's URL in the Website/URL tab, open "Colors, logo & shape," set the first color to the deep purple, switch on the gradient toggle, and set the second color to the bright violet. The preview updates immediately, showing the diagonal blend across the dot pattern. Upload the brand's logo mark (not a full wordmark, which tends to be too detailed to stay legible at QR-logo size), and download the result as an SVG for a crisp print on packaging at any size.

Choosing a dot shape

The dot shape changes the visual character of the code without touching how it scans, since a decoder reads the underlying grid of modules regardless of whether each one is rendered as a square, a circle, or a rounded square:

• Square: the traditional, most widely recognized QR look. A safe default for anywhere the code needs to be instantly recognized as a QR code.
• Rounded / Dots: a softer, more modern look that reads well on packaging, social graphics, and app store promotional images.
• Classy / Classy rounded: a more editorial, design-forward pattern often used in marketing materials where the code is part of the overall visual composition, not just a functional add-on.
• Extra-rounded corners: softens the three large corner "finder" squares specifically, which is often enough of a style change on its own without altering every individual dot.

PNG or SVG for a custom, branded code

A branded code is more likely to end up printed at a range of sizes: a small sticker, a full-page flyer, a banner. SVG is the safer choice for anything that will be resized or handed to a print shop, since it's a true vector format with no fixed pixel resolution to run out of. PNG is simpler for digital use (social posts, email, on-screen presentations) where a fixed size is already known. Both formats are free and unlimited here, unlike some competing tools that only unlock vector formats on a paid plan.

Other content types support the same customization

Every customization option (color, gradient, dot shape, logo) applies no matter which content type is selected: a plain URL or text QR code, a contact card for a business card, or a code for a linked PDF or document. The styling panel and the content fields are independent of each other, so switching content type never resets a color or logo already chosen.