Gradient generator
Build a gradient from two to five colors, save a picture of the size you need and copy the CSS code. Everything happens in the browser.
A gradient serves as a background for a website, a cover, a banner or a phone wallpaper. This page draws a smooth transition between two and five colors and saves it as a picture of the size you need or gives you ready-made CSS code.
Three types of gradient are available. Linear runs along a straight line at any angle, radial spreads out in circles from the center, and conic unfolds around the center like a color wheel. The angle is controlled by a slider, and the preview updates at once.
Colors are picked in the palette, and a color can be added or removed with one button. If you do not want to choose yourself, there are ready-made combinations and a random gradient button that is handy to press until a suitable variant turns up.
Next to the picture a CSS rule is shown that gives the same gradient on a page without a single file. Just copy the line and paste it into a style sheet. The picture size is set in pixels from 1 to 8000.
The picture is created in the browser and is not sent to a server, so it works without the internet once the page has loaded. The save format is chosen from PNG, JPG and WebP. PNG is better for smooth transitions, since it adds no artifacts.