Halftone Gradient Generator
Gradients Studio's halftone gradient generator turns a gradient into round dots on an ordered grid over flat palette color, the look of a printed poster, and exports it as a JPG. It is the Dither finish with ● as its character; the first download needs no account.
First download free, no account · 4K on Pro, from $9 · No subscription
Halftone, honestly
A print halftone changes each dot's size with the tone. This finish keeps the dots one size and changes how many there are, on an ordered 4 × 4 grid, which reads as halftone at a glance and as a clean dot screen up close. Type ●• to mix two dot sizes for a looser, printed feel.
The settings on this page
Effects Dither, Characters ●, cell size 40 px (96 dots across a 4K frame), Density 120% so the dots reach a little further into each transition, and Grain 15% for the paper.
Where it works
Posters and event graphics, comic and pop-art layouts, zine covers, merch mockups, and section backgrounds where a smooth gradient feels too digital. At 1.91:1 it makes a link preview image that stands out among flat ones.
How to make one
Open the studio from this page, or choose Dither under Effects and type ● into Characters. Larger cells make bigger, sparser dots. Turn on Only glyphs to scatter the dots over the smooth gradient instead of over flat color.
Sized for where it goes
Exact sizes and safe zones for the places a background ends up, each with examples at that shape.
- LinkedIn banner1584 × 396
- X header1500 × 500
- YouTube banner2560 × 1440
- OG image1200 × 630
- Notion cover1500 × 600
- Product Hunt gallery1270 × 760
- Presentation1920 × 1080
- Website hero1920 × 1080
- Zoom background1920 × 1080
- Instagram story1080 × 1920
- Instagram post1080 × 1350
- Email header600 × 240
- App Store header3840 × 1646
- App Store search3840 × 2560
- Event card3840 × 2160
- Event details2160 × 3840
More generators
The same studio, set to another look.
- Dither gradientsAn ordered dot pattern that reads as texture, not blur.
Bayer ditherThe 4 × 4 ordered matrix, its crosshatch left visible.
Glyph ditherCharacters you type, scattered over the gradient like terminal art.
Dithered backgroundsA quiet dither over the gradient, for a hero behind a headline.
1-bit gradientsTwo colours only, the fade drawn as a speckle of dots.
Questions
Is this a real CMYK halftone?
How do I make the dots bigger?
Can the dots sit over the smooth gradient?
Is the halftone gradient generator free?
Make one now
The studio opens set to this look. Shuffle until something feels right, then export.








