The Rekreay QR Code Generator & Reader is a free, all-in-one QR code tool. Create custom-colored QR codes for any URL, text, or contact information — then read them using your device camera in real time or by uploading an image. Everything runs in your browser. No data is ever sent to any server.
Whether you need QR codes for marketing materials, business cards, event flyers, or internal documents — or you need to instantly decode a QR code using your camera or a saved screenshot — this tool has you covered with two reading modes.
QR Code Generator — Create Custom QR Codes
QR Code Reader \u2014 Camera & Image Scan
Drag & drop an image containing a QR code
Supports JPG, PNG, WebP, GIF \u2014 decoded 100% in your browserQR Code Detected!
What Is This QR Code Generator & Reader?
The Rekreay QR Code Generator & Reader is a free, browser-based tool that combines two functions in one page: create custom QR codes from any URL, text, or contact information, and decode existing QR codes from an image file or your device camera — all without uploading anything to a server.
A QR code (Quick Response code) is a two-dimensional barcode that stores information — typically a URL — which any smartphone camera can read in under a second. QR codes have become essential for bridging the physical and digital worlds: print one on a business card and it takes someone directly to your website; place one on a product and it opens a support page; add one to a flyer and it links to a registration form. They require no typing, no searching, and work offline once printed.
The generator side lets you enter any content, choose custom foreground and background colors to match your brand, and select the output size from 200 to 600 pixels. The reader side can decode any QR code — whether from a saved screenshot, a downloaded image, or by pointing your device camera at a physical code in real time. All processing happens locally using the jsQR JavaScript library and the HTML5 Canvas API, so your URLs and scanned content never leave your device.
How to Use the QR Code Generator & Reader
-
1
Choose your mode. Click the "Generate QR Code" tab to create a new QR code, or click "Read / Scan QR Code" to decode an existing QR code from an image file.
-
2
To generate: Enter any URL, text, email address, or phone number in the input field. Choose your preferred foreground and background colors to match your brand. Select the output size (200px to 600px). Click "Generate QR Code" and your code appears instantly.
-
3
Download your QR code. Once generated, click the "Download QR Code (PNG)" button to save the image. The file is ready to print on business cards, flyers, packaging, or embed in digital documents.
-
4
To scan with camera: Switch to the reader tab and click "Scan with Camera." Allow camera access when prompted. Point your device camera at any QR code — the tool detects and decodes it automatically in real time. Click "Stop Camera" when done.
-
5
To read from image: On the reader tab, drag and drop or upload any image file (screenshot, photo, or saved image) that contains a QR code. The tool decodes it instantly without any server upload.
-
6
Copy or open the result. After scanning, the decoded content appears in a result box. Click "Copy to Clipboard" to paste it elsewhere, or if the content is a URL, click "Open Link" to visit the website directly.
Key Benefits
Frequently Asked Questions
Tips & Best Practices for QR Codes
-
💡
Always test your QR code before printing. Use this tool's built-in reader to scan your generated QR code before distributing it. Scan it with at least two different smartphones — one iPhone and one Android — to confirm it decodes correctly on all platforms. A QR code that fails to scan after printing is wasted material and a poor user experience.
-
💡
Use a short URL to keep the QR pattern simple. The more data encoded in a QR code, the denser and more complex the pixel pattern becomes. A dense pattern is harder to scan, especially on small print sizes or from a distance. Use a URL shortener to reduce long URLs before generating your QR code — this also makes the QR pattern less dense and more reliable in challenging conditions.
-
💡
Maintain at least 4:1 color contrast between foreground and background. While the color picker lets you choose any color combination, QR codes with low contrast are harder for camera sensors to read — especially in poor lighting conditions. A dark color on a white or light background, or white on a very dark background, is the safest approach. Avoid similar shades like dark blue on black or yellow on white.
-
💡
Print at 300 DPI or higher for physical materials. For business cards, flyers, and packaging, generate your QR code at the largest available size (600 pixels in this tool) and ensure your print software or service outputs at 300 DPI minimum. A pixelated or blurry QR code in print will fail to scan. For very large prints such as posters, use the QR code as an SVG if your print software supports it — SVGs are resolution-independent and always remain crisp at any size.
-
💡
Add a call to action near the QR code. Most people know what a QR code is, but they still benefit from a brief instruction — "Scan to visit our website", "Scan for the menu", or "Scan to get the discount code". A clear label next to the QR code increases scan rates significantly because it removes uncertainty about what the code will do.
-
💡
Keep a white quiet zone around the QR code. QR codes require a margin of blank space — called a "quiet zone" — of at least 4 modules (the small squares that make up the pattern) on all four sides. This helps scanners locate and decode the pattern correctly. When placing a QR code in a design, do not crop into this margin or place other graphical elements too close to the code's edge.