Skip to content
DevUtil

QR Code Generator - Create QR Codes from Text or URLs

About the QR Code Generator

QR codes are a quick way to share URLs, Wi-Fi credentials, contact details, or any short text. This generator creates QR codes directly in your browser with full control over the output. Set the image size in pixels, choose an error correction level to balance density against damage tolerance, and pick custom foreground and background colours to match your branding. Download the finished code as a PNG for raster use or SVG for print and scalable graphics.

Because the QR code is rendered client-side, your input text is never sent to any server. The tool works offline once the page has loaded.

How to Use the QR Code Generator

Type or paste your text or URL into the input field. The QR code preview updates as you type. Adjust the size, error correction level, and colours using the controls below the input. When the code looks right, click the PNG or SVG download button to save the image.

Features

  • Custom size. Set the output dimensions in pixels to match your layout requirements.
  • Error correction levels. Choose from L, M, Q, or H to control how much damage the code can tolerate while remaining scannable.
  • Custom colours. Set any foreground and background colour to match your brand or design.
  • PNG and SVG download. Export as a raster PNG for web use, or a vector SVG for print and scaling.
  • Fully private. QR generation runs in the browser. No data is sent to any server.

Related Tools

SVG Optimiser

Optimise SVG files by removing unnecessary metadata and redundant attributes using SVGO.

Image Compressor

Compress images in your browser with adjustable quality and format selection.

Image Resizer

Resize images to any dimension with aspect ratio lock and common presets.

Image to Base64

Convert images to Base64 strings, data URLs, and HTML img tags.

Frequently Asked Questions

What are error correction levels and which should I choose?
QR codes include redundant data so they can still be read if part of the code is damaged or obscured. There are four levels: L (low, ~7% recovery), M (medium, ~15%), Q (quartile, ~25%), and H (high, ~30%). Higher correction means the code can tolerate more damage, but it also makes the QR code denser. Use L or M for clean digital displays. Use Q or H if the code will be printed on materials that may get scratched, or if you plan to overlay a logo on top of the code.
What is the maximum amount of text I can encode in a QR code?
The theoretical maximum for a version 40 QR code at the lowest error correction level is 4,296 alphanumeric characters or 7,089 numeric digits. In practice, keeping the content short (under a few hundred characters) produces cleaner codes that scan reliably from a distance. For long content, consider encoding a short URL that redirects to the full resource.
Can I change the colours of the QR code?
Yes. You can set both the foreground (module) colour and the background colour to any value you like. Keep in mind that QR scanners rely on high contrast between the two colours. A dark foreground on a light background works best. Avoid low-contrast combinations like light grey on white, as many scanners will fail to read them.
Is my data sent to a server to generate the QR code?
No. The QR code is generated entirely in your browser using a client-side library. Your text or URL is never transmitted over the network. You can disconnect from the internet and the tool will continue to work.