img2gradient

Turn any image into pure-CSS radial gradients that keep the original's spatial layout — a soft, paintable placeholder in a few kilobytes. 100% client-side, nothing uploaded. By .

original image
Original photo · or drop yours anywhere
Pure CSS 169 blobs · 0 B

Mode

Grid mirrors the photo. Adaptive spends blobs on detail. Linear is an abstract palette.

13×13

More blobs — closer match, bigger CSS.

1.70×

Bigger overlap — softer blend, muddier detail.

Generated CSS — paste as a background anywhere