CSS Gradient Generator
Layer linear, radial and conic gradients, then copy the CSS.
Halftone Generator
A halftone effect for any image
The Wensity Halftone Generator turns any image into halftone dots, lines or a CMYK print, right in your browser. Upload a photo or pick one of 12 samples, choose from 14 looks, and export a PNG or a vector SVG.
A halftone shows light and shade as dots that grow in the dark areas and shrink in the light ones, the way newspapers, comics and posters print a photo. Here each dot is sized to match the tone under it, and Auto levels stretches a flat photo to a full range of dots first.
How to make a halftone image
Your image is processed in the browser and never uploaded.
1. Add an image
Drop in your own photo, or start from one of 12 samples picked to screen well.
2. Pick a look
Start from a look, then set the detail, dot size, angle and ink colours.
3. Export
Download PNG, JPG, WebP or SVG, or copy the SVG into Figma.
Halftone image examples
Three looks on the generator's own sample photos, each at the photo's own shape. Open one to try it on your image.
Halftone patterns: comic dots, CMYK and risograph
14 looks, each a different screen rather than one recoloured.
Comic Dots and Pop Art give the bold, coloured dots of comic books and screen prints. Newsprint and Fine Print split the image into CMYK plates, each with its own ink and screen angle, as a printing press does.
Risograph prints one bright ink on warm paper, like a risograph zine. Line Screen and Engraving trade dots for lines that thicken in the shadows, and Blueprint, Sepia Print, Mosaic and Cross Stitch change the shape and the paper.
Dots
Dot, Square, Diamond, Ellipse, Line and Cross, on a square or hex grid.
Style
One ink, Colour and CMYK: one ink, the photo's own colours, or four plates.
Tone
Auto levels, brightness, contrast, smoothing and invert, before the screen is drawn.
Export a halftone as PNG or vector SVG
Every export is free, with no watermark and no account.
Images
PNG, JPG or WebP at the image's size, and PNG at double size when it fits.
Vector SVG
One path per ink, for print, cutting machines or editing in Figma and Illustrator.
Switch on Transparent paper to keep only the dots, for a halftone texture you can lay over another design. To put a halftone screen over an animated gradient instead of a photo, use the halftone layer in Background Studio.
Put a halftone over a moving background
Background Studio puts halftone, dither and ASCII looks over a photo or over a moving shader, and exports the result as a video or a React component.
Background Studio is Wensity's full background editor, and Open in full studio carries your design into it: 224 gradient, shader and texture backgrounds in 19 sections, layers, and export to PNG, MP4 video or a React component.
Halftone questions, answered
What people ask about halftones and this generator: how to convert a photo, CMYK and vector export, and where the image goes.
Yes. Every look, control and export is free, with no account and no watermark, including PNG, JPG and WebP images and vector SVG.
Drop your image onto the generator or pick a sample, choose a look such as Classic Dots or Newsprint, then adjust the detail, dot size and screen angle. Download it as a PNG or an SVG, or copy the SVG straight into Figma or Illustrator.
No. The halftone is drawn in your browser and your image is never sent to Wensity. Share links carry the settings with a sample photo in place of your upload.
Yes. Choose CMYK and the image is split into cyan, magenta, yellow and black plates, each with its own ink colour and screen angle, as in offset printing. The Newsprint, Pop Art and Fine Print looks start from it.
Yes. SVG export draws the halftone as vector shapes, one path per ink, so it scales without blur for print, cutting machines or further editing. Transparent paper leaves only the dots, for laying over another design.
Halftone draws tones as a regular grid of dots or lines that grow and shrink, as in print. Dithering scatters single pixels to fake tones on a screen with few colours. This generator makes halftones; Background Studio has dither looks.
A photo with a strong range from dark to light and one clear subject, where the light moves smoothly across it. Busy scenes full of small detail and very dark photos tend to turn into a muddle of dots. Auto levels, contrast and the Detail slider help a flat or busy photo hold its shape.
Yes. One ink gives you an ink colour and a paper colour, Colour draws each dot in the photo's own colour, and CMYK gives each of the four plates its own ink. Transparent paper drops the paper colour, leaving only the dots.
Parth
Founder, Wensity
Still have a question?
Ask about plans, licensing, or templates and you will hear back from me directly.
Email hey@wensity.comMore free design tools
For a texture that does not start from a photo, try grain, noise and paper, or a smooth gradient. See all free tools.
