How to Create a Custom QR Code Free — Colors, WiFi, URL, Every Format
Last updated: March 20, 20266 min read
By Ryan CallahanGenerator Tools
A custom QR code means your brand colors, your content, your format. Here's exactly how to create one for free — no design skills needed, no accounts to create.
Step 1: Choose What to Encode
| Content Type | What to Enter | Result When Scanned |
|---|
| Website URL | https://yoursite.com | Opens the website |
| WiFi Network | SSID + password + security type | Auto-connects to WiFi |
| Email Address | [email protected] | Opens email composer |
| Phone Number | +1-555-123-4567 | Opens phone dialer |
| Plain Text | Any text message | Displays the text on screen |
Step 2: Customize Colors
The default black-on-white QR code works perfectly, but custom colors make it yours.
- Foreground (dots): Use your brand's darkest color — navy, dark green, maroon, black
- Background: White or your brand's lightest color
- Contrast rule: The foreground must be significantly darker than the background. If you squint and can barely tell them apart, scanners will struggle too.
Color Combinations That Work
| Foreground | Background | Reliability | Brand Match |
|---|
| Black (#000000) | White (#FFFFFF) | ✓ 100% reliable | Universal / any brand |
| Navy (#1B2A4A) | White (#FFFFFF) | ✓ 99% reliable | Corporate, finance, tech |
| Dark Green (#1A5632) | White (#FFFFFF) | ✓ 99% reliable | Health, eco, food |
| Dark Red (#8B1A1A) | White (#FFFFFF) | ✓ 98% reliable | Food, entertainment |
| Charcoal (#333333) | Light Gray (#F5F5F5) | ✓ 97% reliable | Minimal / modern |
| White (#FFFFFF) | Black (#000000) | ✗ Avoid — inverted | ~30% of scanners fail |
Step 3: Set Error Correction
Error correction lets QR codes survive partial damage or obstruction.
| Level | Recovery | Code Density | Best For |
|---|
| L (Low) | 7% of data | Least dense, cleanest look | Digital display, screens |
| M (Medium) | 15% of data | Moderate — recommended default | Business cards, flyers, general use |
| Q (Quartile) | 25% of data | Denser | Outdoor signage, packaging |
| H (High) | 30% of data | Most dense | Heavy-wear environments, stickers |
Step 4: Download as PNG or SVG
- PNG — for digital: email signatures, social media posts, websites, messaging. Fixed resolution, universally compatible.
- SVG — for print: business cards, posters, flyers, packaging. Infinitely scalable — prints crisp at any size from 2cm to 2 meters.
Try It Now
- Open QR Code Generator
- Enter your URL, WiFi, email, or text
- Pick foreground + background colors
- Choose error correction level
- Download PNG and/or SVG
Pro Tips for Business Use
- Restaurant WiFi: Generate WiFi QR → print on table tents or receipt paper. Update by printing a new QR when you change the password.
- Business cards: QR linking to your website or portfolio. Use SVG at 2cm+ for crisp printing.
- Product packaging: QR linking to setup instructions, warranty registration, or support page. Use error correction level Q or H for durability.
- Event materials: QR linking to registration, map, or schedule. Print large enough for scanning from arm's length (~5cm minimum).
- Real estate signs: QR linking to property listing. Use 10cm+ for scanning from car distance.
Complete Generator Toolkit
Ryan has been building browser-based utilities since the early days of modern browser technology. He architected the client-side processing engine that powers every tool on WildandFree — ensuring files never leave your browser.
More articles by Ryan →