Color palette generator
Generate beautiful color palettes with the space bar. Lock colors, pick schemes and moods, check contrast, and export to CSS, Tailwind, ASE, or PNG.
Mesh gradient generator
Create soft mesh gradient backgrounds and wallpapers. Drag color points, add grain, and download PNG, JPG, or SVG at any size, or copy CSS.
Drag the points to shape the gradient. Click a point to change its color; double-click the canvas to add a point.
How to use Mesh gradient generator
Create soft, modern mesh gradients for wallpapers, website hero backgrounds, slides and social posts. Drag colored points around the canvas, adjust softness and film grain, and download a high-resolution image.
- Randomize for instant inspiration, or set every point's color yourself
- Double-click to add points (as many as you like)
- Export PNG or JPG at any size up to 8000 px — wallpapers, 4K, phone, square and banner presets
- Export an SVG or copy CSS made of layered radial gradients
Colors blend in the perceptual OKLab space, so gradients stay vivid instead of turning gray in the middle. Everything is rendered on your device.
Mesh gradient generator FAQs
Is Mesh gradient generator free?
Mesh gradient generator is a free online tool on ReallyUseful.Tools. No account is required.
Does Mesh gradient generator run in my browser?
Mesh gradient generator is designed to run in your browser where supported, so files can stay on your device instead of being uploaded to a server.
More Colors
Color picker & converter
Pick any color and get HEX, RGB, HSL, CMYK, OKLCH, and code values. Eyedropper, color names, harmonies, tints and shades, and contrast.
Color wheel
Interactive color wheel for complementary, analogous, triadic, and other color schemes. Switch between the artist's RYB wheel and the RGB wheel.
Color palette from image
Extract a color palette from any photo or design. Drag markers to fine-tune colors, then export CSS, Tailwind, JSON, Adobe ASE, or PNG.
CSS gradient generator
Design linear, radial, and conic CSS gradients visually. Drag color stops, blend in OKLab, add easing, and export CSS, Tailwind, SVG, or PNG.