handyman
Hazuu Tools

Random Shape Generator

Generate random geometric shapes with customizable colors, sizes, and rotations.

Type:
Color:
shapes

No shapes generated yet

Set options and click Generate to create random shapes.
info

About Random Shape Generator

Random Shape Generator produces geometric shapes on demand — pick from 14 two-dimensional forms (circle, triangle, square, rectangle, pentagon, hexagon, heptagon, octagon, star, diamond, ellipse, parallelogram, trapezoid, and cross) or 8 three-dimensional solids (cube, sphere, cylinder, cone, pyramid, torus, dodecahedron, and prism). Each generation assigns a random size between 40 and 120 units and a random rotation between 0 and 359 degrees, so no two outputs look the same. You can request anywhere from 1 to 20 shapes in a single click.

The tool is built around five color schemes: Random draws from a curated palette of 20 named hues such as Sapphire, Coral, and Jade; Monochrome picks a base hue and randomizes lightness and saturation within it; Pastel samples soft tints; Vibrant uses fully saturated electric tones; and Grayscale selects from ten neutral shades from Light Gray to Iron. Each shape card shows its name, dimension badge (2D or 3D), side count, vertex count, assigned color name and hex swatch, exact size value, and rotation in degrees — giving you concrete geometry metadata alongside the visual. When you find a shape you want, clicking Copy SVG puts ready-to-use SVG markup on your clipboard instantly.

Everything runs entirely in your browser — no files are uploaded, no shapes are stored on a server, and nothing requires a login. The SVG output is self-contained and paste-ready for any vector editor, CSS file, or HTML page. There are no usage limits and no cost.

star

Key Features

check_circle

22 distinct shape types

14 flat 2D polygons and 8 isometric 3D solids, from a simple circle to a dodecahedron, giving you a wide variety to explore in one place.

check_circle

Five color schemes with named colors

Random, Monochrome, Pastel, Vibrant, and Grayscale palettes each produce named colors with hex values, so you always know exactly what color was chosen.

check_circle

Per-shape geometry metadata

Each result card shows the shape name, dimension (2D or 3D), number of sides or faces, vertex count, color, size, and rotation — useful for learning or documentation.

check_circle

One-click SVG copy

Every generated shape has a Copy SVG button that places clean, self-contained SVG markup on your clipboard, ready to paste into code or a design tool.

check_circle

Adjustable count up to 20

Generate between 1 and 20 shapes at once. Use a small count for targeted exploration or the maximum to survey a broad mix of forms and colors.

check_circle

Fully client-side, no sign-up

All rendering happens locally in your browser using React and SVG. No data leaves your device, and there are no accounts, limits, or fees.

help

How to Use

01

Set Options

Choose the number of shapes (1–20), shape type (Any, 2D, or 3D), and a color scheme.

02

Generate

Click Generate to create shapes with randomized colors, sizes, and rotations.

03

Use Results

Review the shape name, geometry properties, and color, then click Copy SVG to grab the code.

code_blocks

Example

Generating one 2D shape with the Vibrant color scheme might produce a Hexagon at size 87, rotated 42 degrees, filled with Electric Blue (#0000ff). The copied SVG output is a standalone file you can paste directly into HTML or a vector editor.

Settings chosen
Count: 1
Shape Type: 2D
Color Scheme: Vibrant
Generated shape card + copied SVG
Shape: Hexagon (2D)
Sides: 6  |  Vertices: 6
Color: Electric Blue (#0000ff)
Size: 87  |  Rotation: 42°

Copied SVG:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150" width="150" height="150">
  <polygon points="75,31.7 106.5,50 106.5,86.5 75,104.8 43.5,86.5 43.5,50"
    fill="#0000ff" stroke="rgba(0,0,0,0.15)" stroke-width="1"
    transform="rotate(42, 75, 75)" />
</svg>
lightbulb

Common Use Cases

  • arrow_circle_right

    Placeholder graphics for UI mockups

    Drop a generated SVG hexagon or circle into a wireframe as a stand-in avatar, icon, or decorative element while waiting for final assets — unlike a random color or emoji generator, you get scalable vector geometry.

  • arrow_circle_right

    Geometry homework and classroom illustration

    Students and teachers can generate any polygon or solid on demand, read its exact side and vertex count from the card, and copy the SVG to paste into a presentation or worksheet.

  • arrow_circle_right

    Pattern and background texture exploration

    Generate 15–20 shapes in Pastel or Monochrome mode to audition a color-and-form palette for a repeating background pattern before committing to a full illustration tool.

  • arrow_circle_right

    SVG coding reference and learning

    The copied SVG code shows real polygon point coordinates, transform attributes, and gradient definitions for 3D shapes — useful for developers learning how SVG geometry works in practice.

  • arrow_circle_right

    Random art prompts and creative warm-ups

    Artists and designers use unexpected shape-and-color combinations as a starting constraint. Generating a Vibrant Torus or a Pastel Dodecahedron gives you a concrete visual prompt rather than a blank canvas.

quiz

Frequently Asked Questions

What is a Random Shape Generator? expand_more
A Random Shape Generator is an online tool that creates geometric shapes with randomized colors, sizes, and rotations. This tool supports 14 two-dimensional polygons and 8 three-dimensional solids, and exports each result as ready-to-use SVG code.
Can I choose between 2D and 3D shapes? expand_more
Yes. Use the Shape Type toggle to select Any (a mix of both), 2D only, or 3D only. The 3D shapes are rendered as isometric SVG illustrations using layered paths and gradients to give depth.
What color schemes are available? expand_more
Five schemes are available: Random (20 named hues such as Sapphire and Coral), Monochrome (one hue randomized in lightness and saturation), Pastel (12 soft tints), Vibrant (12 fully saturated tones), and Grayscale (10 neutral shades from Light Gray to Iron).
Can I download or copy the shapes? expand_more
Each shape card has a Copy SVG button that places self-contained SVG markup on your clipboard. You can paste it directly into HTML, a CSS background, Figma, Inkscape, or any code editor.
What geometry data does each shape card show? expand_more
Every card displays the shape name, a 2D or 3D badge, the number of sides or faces, vertex count, color name and hex value, a numeric size (40–120), and the rotation in degrees.
How many shapes can I generate at once? expand_more
You can generate between 1 and 20 shapes per click. The count input accepts any integer in that range and the results are displayed in a responsive grid.
How is this different from the Random Color Generator? expand_more
The Random Color Generator produces hex values and color names without any geometric form. This tool creates SVG geometry first and assigns a color from the chosen scheme to it — the output is a visual shape you can copy as code, not just a color swatch. Use the color generator when you need palette values; use this tool when you need actual geometry.
Is there any server involved? expand_more
No. All shape selection, color assignment, rotation, and SVG serialization happen in your browser using React. Nothing is uploaded or stored, and the tool works without an internet connection once the page has loaded.