Quickly add a color gradient to an existing QR code. Upload a QR image in the tool below, then choose two colors and a linear or radial gradient. Set the angle for a linear blend, or the center point and radius for a radial blend. You can also style the modules, corners, and logo, change the background, and adjust the image size, padding, and recovery level. When the gradient QR code is ready, download it as a PNG. Fast, free, and easy to use. Created with love by team Browserling.
Quickly add a color gradient to an existing QR code. Upload a QR image in the tool below, then choose two colors and a linear or radial gradient. Set the angle for a linear blend, or the center point and radius for a radial blend. You can also style the modules, corners, and logo, change the background, and adjust the image size, padding, and recovery level. When the gradient QR code is ready, download it as a PNG. Fast, free, and easy to use. Created with love by team Browserling.
This online tool replaces a QR code's uniform pattern color with a gradient. Use it to create a bright, eye-catching QR code. As soon as you upload your QR code, the tool automatically applies the gradient. You can change its colors in the options and switch between linear and radial gradients. A linear gradient follows a straight direction. By default, it runs diagonally at an angle of 45°, but you can set the gradient to any angle. For example, at 0°, the colors change from left to right. A radial gradient spreads outward from a single point in a circular pattern within the specified radius. You can choose the QR code center or any corner as the starting point and set the gradient radius in pixels. By default, the gradient fills the entire QR pattern, but you can give the corner markers and center logo their own solid colors. You can also change the pattern style and the roundness of the corner markers. Additional options let you add a logo (such as a Wi-Fi symbol, chain link, or envelope), adjust the QR image size and background, and add padding. The damage recovery setting affects how well the QR code tolerates wear or partial damage by controlling the amount of error correction data. If you want to create a classic black-and-white QR code instead, use the Convert a QR Code to Black and White tool. QR-tastic!
This online tool replaces a QR code's uniform pattern color with a gradient. Use it to create a bright, eye-catching QR code. As soon as you upload your QR code, the tool automatically applies the gradient. You can change its colors in the options and switch between linear and radial gradients. A linear gradient follows a straight direction. By default, it runs diagonally at an angle of 45°, but you can set the gradient to any angle. For example, at 0°, the colors change from left to right. A radial gradient spreads outward from a single point in a circular pattern within the specified radius. You can choose the QR code center or any corner as the starting point and set the gradient radius in pixels. By default, the gradient fills the entire QR pattern, but you can give the corner markers and center logo their own solid colors. You can also change the pattern style and the roundness of the corner markers. Additional options let you add a logo (such as a Wi-Fi symbol, chain link, or envelope), adjust the QR image size and background, and add padding. The damage recovery setting affects how well the QR code tolerates wear or partial damage by controlling the amount of error correction data. If you want to create a classic black-and-white QR code instead, use the Convert a QR Code to Black and White tool. QR-tastic!
In this example, we turn a classic black-and-white QR code for Browserling's Dribbble profile into a blue-to-purple gradient design. A linear blend at 45° adds a smooth diagonal color transition, while the square modules and corner markers preserve the code's familiar appearance.
In this example, we upload a QR code for a party entertainment agency's phone number. To make it less plain, we apply a green-to-blue radial gradient that spreads from the center. We keep the phone receiver logo, rounded square modules, and corner markers.
In this example, we customize an email QR code for a painting workshop registration. A bright gold-to-crimson radial gradient spreads from the bottom-right corner, giving the code a creative look that suits the workshop atmosphere. We choose classy rounded modules, color the corner frames purple and the circular centers pink, and add an envelope logo with a solid purple fill.
Read a QR code from an image and extract its contents.
Change the colors, size, and appearance of a QR code.
Place a custom logo or image in the center of a QR code.
Turn a QR code into a scalable SVG image.
Turn a QR code into a downloadable PNG file.
Create a QR code that links directly to a PDF document.
Create a QR code that lets customers leave a Google review.
Create a QR code that opens a restaurant's digital menu.
Create a QR code that opens a WhatsApp chat with a phone number.
Create a QR code that links directly to an Instagram profile.
Create a QR code that opens a YouTube video or channel.
Create a QR code that links to a Facebook page or profile.
Create a QR code that opens a TikTok profile or video.
Create a QR code that links to a LinkedIn profile or company page.
Create a QR code that opens a location in Google Maps.
Create a QR code containing event details, dates, and locations.
Create a QR code that opens a payment link or checkout page.
Create a QR code that links to an app in the App Store or Google Play.
Create a QR code that opens a Spotify song, album, or playlist.
Add a custom text label below a QR code, such as "Scan Me".
Surround a QR code with a customizable decorative frame.
Generate multiple QR codes at once from a list of text or URLs.
Arrange multiple QR codes on a printable sheet.
Test whether a QR code can be scanned and decoded correctly.
Subscribe to our updates. We'll let you know when we release new tools and features, and when we organize online workshops.
Enter your email here
We're Browserling – a friendly and fun cross-browser testing company powered by alien technology. At Browserling, our mission is to make people's lives easier, so we created this collection of QR code tools. Our tools have the simplest user interface that doesn't require advanced computer skills and they are used by millions of people every month. Behind the scenes, all QR tools are actually powered by our web developer tools that we created over the last couple of years. Check them out!
