🎨 QR Code Styles

Q: Will a coloured QR code still scan correctly?

Yes, as long as there is sufficient contrast between the foreground (dark) and background (light) colours. The tool warns you if the contrast is too low. Never use a lighter foreground than background.

Q: What colours work best for QR codes?

Dark foreground on light background always works best. Brand colours can be used for the foreground as long as they are significantly darker than the background. Avoid very light foreground colours or inverted (light on dark) combinations.

Q: Is there a watermark on downloaded QR codes?

No watermarks. Downloaded PNGs are clean and ready for commercial or personal use.

Create custom-coloured QR codes. Choose your foreground and background colours to match your brand. Free, no watermark.

Content

Type

Value *

Colours

Foreground (dark modules)

Background (light modules)

⚠ Low contrast detected. This QR code may be difficult to scan. Make the foreground colour darker or the background colour lighter.

Error Correction

Higher error correction = larger QR code. Use H if you will overlay a logo on the QR code.

Styled QR code
will appear here

Size:

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.