Gradient Generator
Build linear or radial gradients and copy the CSS.
Runs entirely in your browser. Nothing you enter leaves your device.
Result
background-image: linear-gradient(90deg, #4F46E5 0%, #06B6D4 100%);
How to use
- Fill in the form fields with your values.
- The result appears below the form as soon as the input is valid.
- Use Copy or Download to save the result, or Reset to clear the form.
Related tools
- Saturation & HSLTune saturation, hue and lightness of an image.
- Brightness & ContrastAdjust image brightness and contrast with a live preview.
- Image CropperCrop an image by dragging a selection box or entering exact coordinates.
- Color Palette from ImageExtract the dominant colors of an image as a ready-to-use palette.
- ScreenshotCapture a single frame of your screen and save it as an image.
- Image Resizer & ConverterResize an image, convert between PNG, JPEG and WebP, and compress it — all in your browser.