Colored QR code generator
Pink, blue, green, red, gradients, or your brand colors — make a QR code that matches your design and still scans. Free, no signup.
Start from a style
What's inside?1. What's inside?
Pick a type and fill in the details.
Link to any URL
Fill in the details on the left
Your QR will appear here in real time.
Make it look good3. Make it look good
Tap a preset, or tweak each detail.
A colored QR code works exactly like a black-and-white one, as long as the dots are clearly darker than the background. This page opens the editor with a purple-to-pink gradient; pick another starting color below or set your own dot color, gradient, eye color, and background. Upload your logo and Capy QR can pull your brand colors from it. Download PNG or SVG, free and without a watermark.
- Any dot color, two-color gradients, and a separate eye color
- Custom background color or a background image
- Match colors from your logo in one click
- White-on-dark (inverted) codes for dark designs
- Download PNG, JPEG, SVG or PDF — free, no watermark
Can QR codes be different colors?
Yes. Phone cameras don't need black and white — they need contrast. Dark dots on a light background scan reliably in almost any color: navy, forest green, deep red, purple, dark pink. Trouble starts when the colors are too close in brightness: yellow or light pink on white, mid-grey on light grey, or red on green. A quick check: if the code is easy to read when you squint, phones will read it too.
How to change the QR code background color
Set the background color in the design panel — white is the safest, but cream, pale pastels and light tints work well under dark dots. You can also use a background image at low opacity. Whatever you pick, the background should stay light and calm behind the code, and the margin around the code should be the same light color.
White QR codes and inverted colors
A white or light QR code on a dark background (inverted colors) suits dark packaging, posters and slides. Many modern phone cameras read inverted codes, but some older phones and scanner apps don't, so test with a couple of different phones before printing. For anything critical, dark-on-light is still the safest choice.
Match your brand colors from your logo
Upload your logo and use “Match colors from logo”: Capy QR picks your logo's dominant colors for the dots, and raises error correction so the logo in the middle doesn't break scanning. Then check the contrast — some brand colors (yellows, light blues) are too pale for the dots and work better as an accent or eye color.
Gradients
A two-color gradient adds depth without hurting scanning, as long as both colors are dark enough on their own. Purple to pink, navy to teal and dark red to orange all work; fading into a pale color doesn't.
How it works
- 1
Add your link or content
Paste a URL — or switch to Wi-Fi, contact card, WhatsApp and more. The editor starts with a colored gradient.
- 2
Choose your colors
Tap a starting color above, or set the dot color, gradient, eye color and background in the design panel. Keep the dots darker than the background.
- 3
Download and test
Export SVG for print or PNG for screens, then scan it with two different phones before printing — especially for light or inverted color schemes.