Custom QR Code: Colors and Shapes

Give your QR code your brand’s colors: gradient, rounded or dot modules, independent corner finder patterns, frame with a call to action. Contrast and readability are checked live.

  • Free
  • No sign-up
  • Never expires
  • No scan tracking

Static QR codes: the content is written into the code itself, with no redirection through our servers. It will always work, unlike “dynamic” QR codes that stop working at the end of a free trial. Static vs. dynamic: the difference

What should your QR code open?

Website, social media page, form, online menu…

    Customization

    Style presets
    Colors
    Shapes
    Modules
    Corner finder pattern outline
    Corner finder pattern center
    Logo in the center

    PNG, JPG, WebP or SVG, 2 MB at most. The image stays on your device. The error correction level switches to H to make up for the covered area.

    Frame and call to action
    Frame

    32 characters at most. A short prompt works best.

    Error correction M

    Share of the code that can be damaged, dirty or covered without preventing reading. The higher it is, the more modules the code has.

    100% local processing, nothing is uploaded

    How does it work?

    Start from a preset (classic, rounded cyan, dots, gradient, ink, burgundy) then adjust: code and background colors, linear or radial gradient, module shape (squares, rounded, dots), shape of the outline and center of the three corner finder patterns, chosen independently, finder pattern color, and a frame with a call to action (“Scan me”).

    Each setting is checked live: the contrast between the code and the background (4.5:1 recommended, alert below 3:1), the color direction (light modules on a dark background are not read by many phones) and the read-back of the code by a decoder, at several sizes.

    Keep dark modules on a light background, and leave the white margin around the code: these are the two rules that matter most for a custom code to stay readable everywhere.

    Examples

    In a brand’s colors

    A deep cyan #0E7490 on a white background gives a contrast of 5.4:1: readable without reservation. Combined with rounded modules and black finder patterns, it keeps the brand’s character without sacrificing readability.

    A color that is too light

    An orange #F59E0B on white only gives 2.2:1: the check shows “Insufficient contrast”. Reverse the logic: a pale yellow background #FDE68A with black modules reaches 16.9:1, just as colorful.

    Frequently asked questions

    Do dot or rounded modules read as well?
    Yes, as long as the contrast is good and the code is not printed too small: the decoder only looks at the center of each module. Round corner finder patterns are slightly less robust on very dense codes; the quality check tells you if that is the case.
    Can I make a white QR code on a black background?
    It is not recommended: many cameras and most banking apps cannot read an inverted code. The generator allows it but shows an alert. For a dark medium, place the dark code in a light frame.
    Does a gradient hurt readability?
    No, if both its colors are dark enough. The check measures the contrast of the lightest color in the gradient, and that of the finder patterns if they have their own color.
    Does a logo in the center stop the code from being read?
    Not if it stays reasonable. A QR code contains error correction data: at level H, nearly 30% of the code can be missing. The generator automatically switches to level H when you add a logo, limits its size and reads the code back with a decoder: if the logo makes it unreadable, you are warned before downloading it.
    Will my QR code expire?
    No. The QR codes created here are static: your link, text or credentials are written into the pattern of the code itself. There is no server between the phone and your content, so there is nothing to renew or pay for: the code will work as long as the content (your website, for example) exists.

    Related tools