Tint - Make Gradient Wallpaper is built for one job: turning a smooth color blend into a wallpaper for your phone. It works well for that. But most people who search for a gradient generator are building a background for a website, an app, or a design file, and they need CSS code, not a PNG. So we built Gradient Lab, a free gradient tool that runs right here in the browser, where you drag the color stops and pick an angle while the CSS updates as you go.
Build a gradient with Gradient Lab now
Drag the dots on the bar to move each color stop, tap a dot to change its color, and use the angle slider or the linear, radial, and conic buttons to change the shape. Copy the CSS whenever it looks right.
How to use it
The preview box at the top always shows your current gradient at full size. Below it, the color bar holds two to five stops. Drag any stop left or right to change where its color falls, or tap it once to open a color picker for that stop. Focus a stop with the keyboard and use the arrow keys to nudge it, or hold shift for bigger jumps.
The plus button adds a new stop, and the remove button deletes the one you have selected, as long as two stops are left. Switch between linear, radial, and conic with the three buttons above the preview. Linear and conic gradients get an angle slider, and radial always centers, so the slider hides itself when you pick it.
The CSS box below updates on every change and never needs a calculate button. Tap Copy to grab the exact line shown. The eight presets give you a fast starting point, and Save current stores your favorite in a strip you can recall or delete later. Everything, your last gradient and every saved favorite, stays in your browser’s local storage, and nothing leaves your device.
How it compares to Tint
Gradient Lab and Tint solve two different problems that happen to both involve gradients. Tint is a phone wallpaper app. You pick colors, preview them on a lock screen and home screen mockup, and save the result as an image file straight to your gallery. It is built around wallpapers specifically, with categories, trending palettes, and a gallery of saved designs.
Gradient Lab does not touch your photo gallery and does not know what a lock screen is. It is built for people who need a gradient as code: a background: linear-gradient(...) line for a website, an app screen, a Figma export, or a quick mockup. You get the exact CSS syntax, three gradient types instead of one, and a save system built around reusable code snippets rather than wallpaper images.
If you want an actual wallpaper on your phone today, skip Gradient Lab and get Tint. It is made for exactly that and does it well. If you are staring at a CSS file or a design tool and need a gradient that works the moment you paste it in, Gradient Lab gets you there faster.
Get the full app
Tint - Make Gradient Wallpaper is free on Android. It turns gradient color combinations into ready-to-use wallpapers, with live previews on a lock screen and home screen mockup and a library of trending palettes to start from.
Frequently asked questions
Can I generate a CSS gradient online without downloading anything?
Yes. Gradient Lab runs entirely in this page. Drag the color stops, pick a type and angle, and copy the CSS. No install and no account.
Is this the official Tint app?
No. Gradient Lab is an original tool we built, inspired by the gradient-building idea behind Tint. It is not affiliated with, endorsed by, or connected to the Tint developer. For wallpaper-ready gradients you can set on your phone, get the official app from the store link above.
Does Gradient Lab work offline?
Yes. Once the page loads, building and copying gradients keeps working without a connection. Your last gradient and your saved favorites live in your browser’s local storage on your device only.
Can I export the gradient as an image instead of CSS?
No, and that is deliberate. Gradient Lab hands you working CSS for a website or design file, which is what most searches for this tool actually want. If you need a gradient saved as an image for your phone’s lock screen or home screen, that is exactly what Tint does.
How many color stops can I use?
Between two and five. Two is a straightforward two-color blend. Add more stops to build multi-color gradients, and remove one any time as long as two remain.
Is it free?
Yes, completely free with no signup and no limit on how many gradients you build or save.
