Skip to content

Main content

Random Geometric Color Pattern Generator

Generate one quarter-turn triangle, diamond or square in every bounded grid cell using reusable random hex palette slots, with explicit polygon vertices and portable SVG; palette slots may repeat and blank triangle/diamond corners stay transparent.

Loading tool…

Description

Generate one quarter-turn triangle, diamond or square in every bounded grid cell using reusable random hex palette slots, with explicit polygon vertices and portable SVG; palette slots may repeat and blank triangle/diamond corners stay transparent.

Procedural artwork expresses a visual idea through coordinates, repeated motifs, colors, or explicit placement constraints. A coordinate plan can be checked and reproduced before rendering, while physical material behavior and fabrication require separate information.

Generate one quarter-turn triangle, diamond or square in every bounded grid cell using reusable random hex palette slots, with explicit polygon vertices and portable SVG; palette slots may repeat and blank triangle/diamond corners stay transparent.

When to use this tool

Use this generator to create reproducible geometric color pattern cases from the supplied model or bank. Inspect the returned evidence before using cases in a test or exercise.

How to use the tool and how it works

  1. Supply columns, rows, colorCount in the field shapes below. Set seed when you need an explicit replay.
  2. Run the tool and correct any input error. For generated controls, distinguish a successful fixture containing an invalid case from failure to generate the fixture.
  3. Read colors, shapes, svg. Use the conventions below. Keep answer-bearing fields separate when presenting an exercise.

Draw a palette and choose a triangle, diamond, or square for each unit grid cell. Apply a sampled number of quarter turns around the cell center, assign a palette index, and serialize the polygons as SVG.1

Input fieldMeaning and unitsAccepted input
columnsColumnsRequired. Safe integer; minimum 1; maximum 16.
rowsRowsRequired. Safe integer; minimum 1; maximum 16.
colorCountColor CountRequired. Safe integer; minimum 2; maximum 8.
seedOptional numeric seed; takes precedence over context randomness. Without either, use the fixed tool.io default seed.Optional. Safe integer.
Output fieldInterpretationReturned shape
colorsColorsRequired. Array of Text; minimum UTF-16 length 7; maximum UTF-16 length 7.; minimum items 2; maximum items 8.
shapesShapesRequired. Array of Object; no unknown keys.; minimum items 1; maximum items 256.
shapes[].kindKindRequired. Text; one of "triangle", "diamond", "square".
shapes[].quarterTurnsQuarter TurnsRequired. Safe integer; minimum 0; maximum 3.
shapes[].colorIndexColor IndexRequired. Safe integer; minimum 0; maximum 7.
shapes[].pointsPointsRequired. Array of Array of Finite number; minimum 0; maximum 16.; minimum items 2; maximum items 2.; minimum items 3; maximum items 4.
svgSvgRequired. Text; minimum UTF-16 length 1; maximum UTF-16 length 65536.
randomnessReplay source and normalized 32-bit seed, or null seed for an advancing context source.Required. Object; no unknown keys.
randomness.seedOptional safe-integer replay seed; normalization and precedence are explained below.Required. Safe integer. or Null.
randomness.sourceSourceRequired. Text; one of "context", "seed".

An explicit safe-integer seed takes precedence over injected context randomness and is normalized to an unsigned 32-bit integer. With no seed and no context source, replay uses the fixed tool.io default seed. A context source must return finite values from zero inclusive to one exclusive; its advancing state must be retained separately. randomness records the source and normalized seed, or null for context. These generators are not cryptographic random sources.

json
{
  "input": {
    "columns": 2,
    "rows": 2,
    "colorCount": 3,
    "seed": 42
  },
  "output": {
    "colors": [
      "#99E1EF",
      "#72C32B",
      "#DA3B32"
    ],
    "shapes": [
      {
        "kind": "square",
        "quarterTurns": 0,
        "colorIndex": 1,
        "points": [
          [
            0,
            0
          ],
          [
            1,
            0
          ],
          [
            1,
            1
          ],
          [
            0,
            1
          ]
        ]
      },
      {
        "kind": "triangle",
        "quarterTurns": 2,
        "colorIndex": 2,
        "points": [
          [
            2,
            1
          ],
          [
            1,
            1
          ],
          [
            2,
            0
          ]
        ]
      },
      {
        "kind": "diamond",
        "quarterTurns": 0,
        "colorIndex": 2,
        "points": [
          [
            0.5,
            1
          ],
          [
            1,
            1.5
          ],
          [
            0.5,
            2
          ],
          [
            0,
            1.5
          ]
        ]
      },
      {
        "kind": "square",
        "quarterTurns": 1,
        "colorIndex": 0,
        "points": [
          [
            2,
            1
          ],
          [
            2,
            2
          ],
          [
            1,
            2
          ],
          [
            1,
            1
          ]
        ]
      }
    ],
    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><polygon points=\"0,0 1,0 1,1 0,1\" fill=\"#72C32B\"/><polygon points=\"2,1 1,1 2,0\" fill=\"#DA3B32\"/><polygon points=\"0.5,1 1,1.5 0.5,2 0,1.5\" fill=\"#DA3B32\"/><polygon points=\"2,1 2,2 1,2 1,1\" fill=\"#99E1EF\"/></svg>",
    "randomness": {
      "seed": 42,
      "source": "seed"
    }
  }
}

Limitations and assumptions

  • Palette colors can repeat and adjacent cells have no contrast constraint. Coordinates use unit cells rather than physical pixels; SVG is returned artwork, not an executed browser render.
  • A replay requires the same complete input and implementation. The stated sampling convention applies within its eligible space. A finite draw does not exhaust all possible outputs; repeats remain possible unless a distinct-selection rule is explicit.
  • The field tables state structural bounds; cross-field constraints and bounded search or output budgets also apply. Unknown keys are rejected where the object contract disallows them. Input errors are distinct from null fields and deliberate invalid controls in a successful output.

Alternative or Complementary methods

For a supplied example, inspect the returned construction or delegated check directly. To evaluate a consumer, also test cases chosen for its own boundaries; a generated finite corpus does not establish exhaustive coverage.

References

  1. Tool behavior and example: Random Geometric Color Pattern Generator — tool.io

Similar or alternative tools

  • Random Categorical Color Palette Generator

    Assign generated distinct hex colors to distinct supplied category labels under a caller OKLab distance threshold and finite attempt limit; assignments preserve category order and do not imply universal distinguishability.

  • Random Color Vision Deficiency Palette Generator

    Generate distinct sRGB hex colors separated by a caller threshold in OKLab after each existing full-severity protan/deutan/tritan simulation, with a finite attempt limit and no individual accessibility guarantee.