JP Dart Products

QR Code Studio

Create high-resolution QR codes, add a logo, choose a foreground color, and export as PNG or SVG.

1. QR content

Text or URL

2. QR appearance

Export size

Scan Damage Tolerance

Controls how much of the QR code can be covered, damaged, or obscured and still scan. Maximum is recommended when adding a logo; lower settings can produce a slightly simpler QR code.

QR foreground color

Choose a color manually, enter a hex value, or sample a color from another website.

Match a color from a website

The picker can sample any visible color on your screen. The website does not have to be inside the preview.

Background

White

Black

Transparent

Transparent background: scan reliability depends on the surface behind the QR code. Avoid busy or low-contrast backgrounds and test the final placement.

Outside Border

NarrowStandardWide

Controls the clear space around the outside of the QR code. A standard border is recommended for reliable scanning.

3. Optional logo

Choose a logo or imagePNG, JPG, WebP, or SVG

No image selected.

Logo size

8%18%28%

Logo background padding

None4%12%

Add solid background behind logo

Logo background color

With a transparent QR background, Automatic uses white behind the logo.