🎨 QR Code Styles
Create custom-coloured QR codes. Choose your foreground and background colours to match your brand. Free, no watermark.
Higher error correction = larger QR code. Use H if you will overlay a logo on the QR code.
Styled QR code
will appear here
No watermark · Free · Private
About QR Code Styles
Standard black-and-white QR codes work perfectly, but custom-coloured QR codes can align with your brand identity. This tool lets you choose any foreground and background colour, giving you a QR code that fits your marketing materials, packaging, or signage.
The built-in contrast checker warns you if your colour combination may reduce scannability. Always test your coloured QR code by scanning it before printing.
Design Rules for Coloured QR Codes
- Always keep the foreground (dots) darker than the background
- Never invert the QR code — light dots on dark background reduce scannability significantly
- Avoid very similar colours — the contrast must be visually obvious
- Use higher error correction (Q or H) if you are overlaying a logo or icon
- Test on multiple phones before mass printing
Colour Combinations That Work Well
- Dark navy or brand blue on white — clean and professional
- Deep green on cream or light yellow — organic and friendly
- Dark red/maroon on light pink — stylish for events and lifestyle brands
- Black on any light pastel — reliable and versatile
Frequently Asked Questions
Will a coloured QR code still scan correctly?
Yes, as long as there is enough contrast between the foreground and background colours. This tool checks contrast automatically and warns you if it is too low. The key rule: the foreground (dots) must always be darker than the background.
What colours work best?
Dark foreground on a light background always gives the best scan reliability. Brand colours work great for the foreground as long as they are significantly darker than the white or light-coloured background. Avoid light foreground colours, reversed (light on dark) palettes, and very similar hue combinations.
What is error correction and when should I use high (H)?
Error correction allows a QR code to be read even if part of it is obscured or damaged. Higher levels tolerate more damage but produce larger, denser codes. Use H (30%) if you plan to overlay a logo or design element on top of the QR code, as it gives you more tolerance for visual modifications.
Is there a watermark on downloaded QR codes?
No watermarks. The downloaded PNG is clean and completely free for any commercial or personal use.
Will a styled QR code scan as reliably as a plain one?
+Yes, if you maintain strong contrast and use error correction level H, which allows up to 30% of the QR code to be obscured while still remaining scannable. Avoid placing design elements over the three corner finder squares — those are critical for scanner alignment. Always test your styled QR code by scanning it before distributing or printing it.
Can I add my logo to the center of a QR code?
+Yes. The QR Code Styles tool lets you upload a logo image and position it in the centre of the QR code. Set the error correction level to H before adding the logo to ensure the code remains scannable even with the logo covering part of the pattern. Keep the logo area to no more than 30% of the total QR code surface for reliable scanning across different readers.