UTILSBOX⚡ALL TOOLS54+
JSON.FORMATHub of five tools: format, validate, minify, convert to XML, and compare two JSON documents.//REGEX.TESTERReal-time regular expressions tester, cheatsheet, debugger and replacer.//PDF.SUITEMerge, split, extract text, rotate and convert PDF pages to images.//IMAGE.STUDIOIn-browser photo editor: crop, resize, filters, WebP/PNG and Base64 encoder.//HTML.BEAUTIFYHTML code beautifier, production minifier and entity encoder.//CSS.MINIFYCSS code formatter, production stylesheet minifier and CSS to SCSS converter.//SQL.FORMATTERSQL query beautifier, dialect translator (Postgres/MySQL) and minifier.//SVG.EXCALIDRAWInteractive vector visual editor powered by Excalidraw and SVG formatter.//TEXT.DIFFWord counter, reading time estimator and dual-text diff comparator.//YAML.CONVERTYAML & JSON bi-directional validator and formatter with syntax checking.//XML.PARSERXML document formatter, tree inspector and XML to JSON converter.//GRAPHQL.STUDIOGraphQL query & SDL formatter, minifier, AST field sorter and validator.//BASE64.CODECBase64 and URL-Safe encoder / decoder with full UTF-8 verification.//PASSWORD.GENCryptographically secure random password and entropy strength generator.//URL.STUDIO8-tool URL suite: encode, decode, validator, component parser and builder.//QR.STUDIOCustom QR code generator with embedded logos, colors, gradients and shapes.//ASCII.EXPLORERInteractive ASCII 0-255 table, Alt keyboard codes and CP437 symbols.//KEYCODES.LIVELive KeyboardEvent detector and JavaScript keycodes cheat sheet.//JWT.DEBUGGERJWT token decoder, claims inspector and Web Crypto signature verification.//BINARY.CODECBidirectional text to binary converter with digital rain and ASCII table.//CHARTS.STUDIOInteractive chart generator (bars, lines, pie, scatter) from CSV data.//UUID.V7Bulk generator for UUID v4, time-ordered v7, v1 and live UUID validator.//CSV.JSONBi-directional CSV to JSON converter with custom delimiters & table grid.//COLORS.STUDIOHEX/RGB/HSL/CMYK converter, palette harmonies and WCAG 2.1 contrast tester.//SEO.METASEO Meta Tags, Open Graph cards and real-time Google SERP card preview.//SCHEMA.JSONLDSchema.org JSON-LD structured data generator for Google Rich Snippets.//SITEMAP.XMLStandard XML Sitemap generator (Protocol 0.9) for Google Search Console.//ROBOTS.TXTRobots.txt generator, AI scraper blocking presets and live URL rule tester.//FAKE.DATASynthetic mock data generator: export records to JSON, CSV, SQL and TypeScript.//CLOCK.WORLDReal-time world clock with 3D holographic globe and 174 country timezones.//DATE.CALCDays between dates, exact age, business days, Unix timestamp and cron parser.//CALC.SUITESuite of 56+ online calculators: percentage, mortgage, loan, VAT, BMI & salary.//JSON.FORMATHub of five tools: format, validate, minify, convert to XML, and compare two JSON documents.//REGEX.TESTERReal-time regular expressions tester, cheatsheet, debugger and replacer.//PDF.SUITEMerge, split, extract text, rotate and convert PDF pages to images.//IMAGE.STUDIOIn-browser photo editor: crop, resize, filters, WebP/PNG and Base64 encoder.//HTML.BEAUTIFYHTML code beautifier, production minifier and entity encoder.//CSS.MINIFYCSS code formatter, production stylesheet minifier and CSS to SCSS converter.//SQL.FORMATTERSQL query beautifier, dialect translator (Postgres/MySQL) and minifier.//SVG.EXCALIDRAWInteractive vector visual editor powered by Excalidraw and SVG formatter.//TEXT.DIFFWord counter, reading time estimator and dual-text diff comparator.//YAML.CONVERTYAML & JSON bi-directional validator and formatter with syntax checking.//XML.PARSERXML document formatter, tree inspector and XML to JSON converter.//GRAPHQL.STUDIOGraphQL query & SDL formatter, minifier, AST field sorter and validator.//BASE64.CODECBase64 and URL-Safe encoder / decoder with full UTF-8 verification.//PASSWORD.GENCryptographically secure random password and entropy strength generator.//URL.STUDIO8-tool URL suite: encode, decode, validator, component parser and builder.//QR.STUDIOCustom QR code generator with embedded logos, colors, gradients and shapes.//ASCII.EXPLORERInteractive ASCII 0-255 table, Alt keyboard codes and CP437 symbols.//KEYCODES.LIVELive KeyboardEvent detector and JavaScript keycodes cheat sheet.//JWT.DEBUGGERJWT token decoder, claims inspector and Web Crypto signature verification.//BINARY.CODECBidirectional text to binary converter with digital rain and ASCII table.//CHARTS.STUDIOInteractive chart generator (bars, lines, pie, scatter) from CSV data.//UUID.V7Bulk generator for UUID v4, time-ordered v7, v1 and live UUID validator.//CSV.JSONBi-directional CSV to JSON converter with custom delimiters & table grid.//COLORS.STUDIOHEX/RGB/HSL/CMYK converter, palette harmonies and WCAG 2.1 contrast tester.//SEO.METASEO Meta Tags, Open Graph cards and real-time Google SERP card preview.//SCHEMA.JSONLDSchema.org JSON-LD structured data generator for Google Rich Snippets.//SITEMAP.XMLStandard XML Sitemap generator (Protocol 0.9) for Google Search Console.//ROBOTS.TXTRobots.txt generator, AI scraper blocking presets and live URL rule tester.//FAKE.DATASynthetic mock data generator: export records to JSON, CSV, SQL and TypeScript.//CLOCK.WORLDReal-time world clock with 3D holographic globe and 174 country timezones.//DATE.CALCDays between dates, exact age, business days, Unix timestamp and cron parser.//CALC.SUITESuite of 56+ online calculators: percentage, mortgage, loan, VAT, BMI & salary.//
MODULE 16 · GENERATE

QR Code Generator

Generate custom QR codes for URLs, WiFi, plain text, PayPal, vCard, or SEPA transfers — with logo, gradients, colors, and dot styling.

Target URL

Customization

Logo
Drag logo here or click to browse
Size300px
Margin10px
Shape
Dot Style
Outer Corner Style
Inner Corner Style
Dots Color
Outer Corners Color
Inner Corners Color
Background
Border (preview only)

Technical Options

Version (0 = auto)
Mode
Error Correction
20 bytes in payload
PreviewWeb Link
Private client-side QR generation⚡ Powered by qr-code-styling · MIT License↗
// Technical guide & specifications

Technical guide: QR code structure under ISO/IEC 18004 and error correction

Encoding modes, capacity per version, the L/M/Q/H levels and the print rules that decide whether a scanner locks on.

1. Matrix versions and encoding modes

ISO/IEC 18004 defines 40 matrix versions, from version 1 at 21×21 modules up to version 40 at 177×177, growing by 4 modules per side at every step. What fits is not decided by character count alone but by the encoding mode: numeric spends 10 bits per 3 digits (up to 7,089 digits), alphanumeric 11 bits per 2 characters from a 45-symbol uppercase set (up to 4,296), byte mode 8 bits per character (up to 2,953 bytes) and kanji mode 13 bits per ideograph. That is why the same URL typed in uppercase usually lands on a lower version, and a smaller matrix, than its lowercase twin.

2. Reed-Solomon correction levels and mask patterns

Every QR code reserves part of its modules for Reed-Solomon error correction blocks, and the level you pick sets how much damage is tolerated: L recovers roughly 7% of the codewords, M 15%, Q 25% and H 30%. Raising the level is not free, because the redundancy takes space and pushes the version up: the same URL at level H produces a denser matrix than at level M. The encoder also scores 8 mask patterns and keeps the one with the lowest penalty, which avoids large uniform areas and sequences that imitate a finder pattern, while the format information is protected separately by a BCH (15,5) code.

3. Quiet zone, physical size and print contrast

On paper, geometry rules. The mandatory quiet zone is 4 blank modules around the whole matrix; if a layout crops it, many scanners give up. For sizing, the practical rule is a 10:1 ratio: the code side should measure at least a tenth of the reading distance, so about 3 cm for a 30 cm scan, and modules should not drop below 0.4 mm in print. Dark modules on a light background is the expected polarity: inverted codes, gradients and low-contrast pairs such as red on black read badly. Export SVG for print and PNG at 300 dpi or higher for screens.

// Architecture & best practices

❓ Frequently asked questions about QR codes

Can I change the destination of a QR code that is already printed?

Not if the code is static: the payload is baked into the module layout, so editing it changes the picture. The standard practice is to encode a short URL on a domain you control and resolve the real destination with a 301 or 302 redirect on the server, which you can edit later without reprinting anything.

Why does my QR code with a centered logo fail to scan?

Because the covered area eats into the error correction budget. Level H tolerates close to 30% of damaged codewords, but the usable margin shrinks when the logo also overlaps alignment patterns. Keep the cutout below that 30%, centered and with a light border around it, and never touch the three finder patterns in the corners or the timing pattern that joins them.

Why do colored or inverted QR codes fail on some cameras?

Decoders binarize the image in grayscale, so what matters is the luminance difference, not the hue. Two very different colors can end up nearly identical in gray, and several readers simply assume dark modules on a light background and discard inverted ones. Aim for high luminance contrast and avoid gradients that change brightness inside a single module.

Related design and link tools