Custom Colors
Match every code to your brand without breaking the scan.
Custom Colors
A generic black-and-white square does the job, but a code in your brand colors looks intentional and trustworthy. I Smart QR lets you control both the module color and the background, and watches the contrast so your code stays reliable.
Pick foreground and background
Choose the color of the modules (the dark squares) and the background behind them. Use a color picker or paste exact hex values from your brand guidelines.
Watch the scan-health meter
As you adjust colors, a live indicator checks the contrast ratio. If a combination drops too low to scan reliably, you get a warning before you ever download.
Keep the rule of thumb
Dark modules on a light background scan fastest. Colored modules work well; colored backgrounds are riskier. The meter guides you to a safe choice.
Where it delivers
Brand consistency
Use your primary brand color on the modules so the code feels like part of your identity across packaging, print and signage.
Seasonal campaigns
Recolor codes for holidays or product launches without changing what they link to.
Multi-brand businesses
Give each sub-brand or product line its own color while keeping one consistent code style.
Functionality
- Foreground (module) color control
- Background color control
- Hex, RGB and visual picker input
- Live contrast / scan-health validation
- Works with every one of the 14 content types
If you must use a light brand color, apply it to the modules and keep the background white — never the other way around.
Create yoursPractical notes
Contrast is the whole game
A scanner does not see colour, it sees light and dark. What matters is the luminance gap between your modules and the background, not how different the two hues look to a person. Orange on red looks like a strong contrast and scans badly; navy on cream looks subtle and scans instantly. The meter on the generator reads the real ratio while you type, so you never have to guess.
Colour the modules, not the background
Dark modules on a light background is what every decoder is tuned for. You can tint the modules almost any colour and stay safe, provided they stay dark. Tinting the background is where codes break: a light module colour on a mid-tone background collapses the gap the scanner relies on. If your brand colour is pale, use it on the frame or the surrounding layout rather than on the code itself.
Inverted codes are the common trap
Light modules on a dark background look striking in a design mock-up and many scanners refuse them outright. If you need a code on a dark surface, place it inside a light panel rather than inverting it. That keeps the design dark and the code readable.
Common questions
Can I use any colour for a QR code?
Almost any colour works for the modules as long as it is dark enough against the background. Aim for a contrast ratio of at least 4.5:1 and the code will read on normal phone cameras. Below about 3:1 it becomes unreliable in poor light.
Why does my coloured code scan on my phone but not a customer's?
Phone cameras vary enormously in sensitivity, and so does lighting. A marginal contrast ratio often works on a modern phone held close in good light and fails on an older device at a distance. Test the printed code, not the screen preview.
Does a coloured code work in print?
Yes, but ink spread on uncoated stock darkens light colours and softens edges. Keep the contrast ratio higher than you would for screen, and print a test before committing to a run.
