Color Options
Solid Colors
The simplest option—choose a single color for the foreground (the QR pattern) and background.
- Click the Foreground Color picker
- Select your color using the color picker or enter a hex code
- Repeat for Background Color
Tips:
- Maintain high contrast between foreground and background
- Dark foreground on light background works best
- Avoid colors that are too similar
Gradient Colors
Create eye-catching QR codes with gradient fills (paid plans).
Linear Gradient:
- Colors blend in a straight line
- Adjust the angle to change direction (0° = left to right, 90° = top to bottom)
Radial Gradient:
- Colors radiate from the center outward
- Creates a spotlight effect
To add a gradient:
- Select Linear or Radial gradient type
- Click the first color stop to set the starting color
- Click the second color stop to set the ending color
- For linear gradients, adjust the angle slider
Pattern Styles
Change the shape of the data modules (the small squares that make up the QR code).
Available Patterns
- Square: Classic QR code look with sharp corners
- Dots: Circular modules for a softer appearance
- Rounded: Squares with rounded corners
- Classy: Connected modules with a smooth flow
- Classy Rounded: Connected modules with rounded edges
- Extra Rounded: Maximum roundness for a bubbly look
To change the pattern:
- Find the Pattern Style section
- Click on your preferred style
- The preview updates immediately
Corner Customization
QR codes have three large corner squares (finder patterns) that help scanners orient the code. You can customize these separately.
Corner Square Styles
The outer corner squares can be:
- Square: Sharp, traditional corners
- Dot: Rounded circular corners
- Extra Rounded: Very rounded corners
Corner Dot Styles
The inner dots within the corner squares can also be customized with the same style options.
Tips:
- Matching corner styles with your pattern creates a cohesive look
- Contrasting styles can make corners stand out
Best Practices for Scannable QR Codes
Do’s
- High contrast: Dark patterns on light backgrounds (or vice versa)
- Adequate size: At least 2cm x 2cm for print
- Quiet zone: Keep space around the QR code clear
- Test before printing: Always scan your QR code before using it
Don’ts
- Low contrast: Avoid similar colors for foreground and background
- Inverted colors: Some scanners struggle with light-on-dark codes
- Overly complex patterns: Very intricate styles may reduce scannability
- Tiny sizes: Small QR codes with lots of data may not scan
Preview and Test
The live preview shows your QR code as you make changes. Before finalizing:
- View the preview at different sizes
- Test scan with your phone’s camera
- Try scanning in different lighting conditions
Note: The preview QR code does not include tracking. If you need a tracked QR code, save your design first and be sure to select “Track Scans” (available on Pro and Max plans only), then download the image from the QR Codes section of the app.