Generate organic blob shapes in SVG with randomization, complexity, and color controls for modern UI design.
This tool generates organic, irregular blob shapes as ready-to-paste SVG markup. Controls set the size, the fill color, and the complexity of the outline; a randomize control redraws the shape, with low complexity giving calm, rounded forms and high complexity giving busy, lobed ones. The deliverable is a small self-contained SVG document - one <svg> wrapper holding a single closed <path>. What surprises most users is reproducibility: identical settings do not reproduce the same shape, because every press of the randomize control is a fresh draw. Settle on a shape you like before moving on; the settings alone cannot bring it back.
Each run returns one SVG document: an <svg> element whose viewBox matches the dimensions you set, holding a single closed <path> whose fill is the chosen color - the curve's d attribute ends in Z. That snippet is the whole deliverable: save it as a .svg file, paste it into an HTML page, or open it in a vector application. Nothing else, no images or fonts, is required to render it.
Pressing the randomize control draws a fresh outline, so consecutive runs differ even when every setting stays the same. The size, complexity, and color controls apply to the current shape: complexity moves the outline between simple, rounded forms and busier, more irregular ones. The curve is smooth and closed, so the result reads as one continuous silhouette rather than a faceted polygon.
The shape is randomized by design: each press of the randomize control generates a new outline, and the other controls only set how that outline is drawn and styled. This is normal behavior, not a bug. If you need the identical shape again, the reliable route is to export the SVG and keep that file; the settings alone are not a recipe that reproduces it.
The output is SVG markup, and SVG is a valid HTML element: paste the snippet directly into the page body and style it with CSS like any element - width, height, opacity, and transforms all apply. Alternatively, save it as a .svg file and reference it with an <img> tag. Either way it scales without quality loss, so one export covers any display size.
The behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Pick colors visually and convert between HEX, RGB, HSL, and CMYK formats.
Preview how screen colors translate to print with CMYK simulation and proofing.
Preview any Google Font at various sizes, weights, and with custom sample text.
Create linear, radial, and conic CSS gradients with a visual editor and code output.
Generate harmonious color palettes from a base color using color theory rules.
Simulate how colors appear to people with various types of color vision deficiency.