How are the cells numbered?

In simple reading order, left to right across each row, then down to the next row, starting at 00 for the top-left cell and continuing in hexadecimal as far as the grid's total cell count requires.

Why are alternating rows indented?

The 2-space indent on every other row is a simplified visual cue meant to suggest the row offset you'd see in a real hexagonal tiling, where each row's hexagons sit staggered relative to the row above; it's a stylistic approximation, not a geometrically precise hex-tiling rendering.

Is there a size limit?

Yes, the total number of cells (rows multiplied by columns) is capped at 400, to keep the generated grid a reasonable size to render, read, and copy.

How is this different from the Polyhex Shapes Generator?

This tool always fills every cell of a complete rectangular rows x columns grid. The Polyhex Shapes Generator instead grows one irregular, connected shape of a requested number of hexagons, leaving most of its bounding grid empty; they share the same cell-labeling and offset-row rendering style, but produce very different shapes.

Hex Grid Generator - Generate a Hex Grid Online

Overview

Introduction

This tool generates a complete, fully-filled hex grid of whatever size you specify, with every cell labeled by its position in the grid as a hex number, rendered as simple offset-row ASCII art.

It's a straightforward companion to this category's other hex-grid-shaped generators (the Hex Spiral and Polyhex Shapes tools), but instead of a spiral fill order or an irregular grown shape, it simply fills the entire rectangle in reading order.

What Is Hex Grid Generator?

A generator that produces a rows-by-columns grid where every cell contains its own sequential index, starting at 00 in the top-left and continuing left to right, then row by row, formatted as 2-digit hex numbers.

The rendering uses the same bracketed cell format and alternating-row indent as this category's Polyhex Shapes Generator, so the two tools' outputs look visually consistent even though this one always fills a complete rectangle.

How Hex Grid Generator Works

For each row from top to bottom, and each column from left to right within that row, the next sequential index is assigned and formatted as a bracketed 2-digit uppercase hex value, e.g. [00], [01], up through however many cells the grid contains.

Every other row (rows 1, 3, 5, ... counting from 0) is prefixed with a 2-space indent, a simple visual device meant to evoke the staggered row offset of a real hexagonal tiling.

When To Use Hex Grid Generator

Use it to generate a labeled reference grid, useful for game-board coordinate references, puzzle layouts, or teaching how a grid's cells map to sequential indices.

It's also a quick way to produce filler ASCII-art grid content for a mockup or demo of a given size.

Often used alongside Polyhex Shapes Generator and Hex Spiral Generator.

Features

Advantages

Fully deterministic: the same rows and columns always produce the exact same grid.
Every cell is always filled and labeled, no gaps or randomness.
Consistent cell-formatting style with this category's Polyhex Shapes Generator, useful if you're using both together.

Limitations

Purely a labeled ASCII grid; the offset-row indent is a simplified visual approximation, not a geometrically accurate hex-tiling diagram.
Capped at 400 total cells (rows x columns) to keep the output a reasonable size.
Indices are shown as plain 2-digit hex, so grids larger than 256 cells will show repeated-looking three-character labels once the index needs more digits internally handled the same way as any hex counting sequence beyond FF.

Examples

A small 2x2 grid

Input

rows: 2, cols: 2

Output

[00][01]
  [02][03]

Four cells labeled in reading order; the second row is indented by 2 spaces as the alternating-row visual offset.

A 3x3 grid

Input

rows: 3, cols: 3

Output

[00][01][02]
  [03][04][05]
[06][07][08]

Nine cells fill the grid completely in reading order; rows 0 and 2 are unindented while row 1 (an odd row index) gets the 2-space offset.

Best Practices & Notes

Best Practices

Keep rows x columns at or under 400 cells so the grid stays a reasonable size to read and copy.
View the output in a monospace font/context so the bracketed cells and row offsets line up correctly.
Use the Polyhex Shapes Generator instead if you want an irregular, grown shape rather than a fully-filled rectangle.

Developer Notes

Cells are assigned a single running index while iterating rows then columns, formatted with `index.toString(16).toUpperCase().padStart(2, "0")` wrapped in brackets; the indent check is a simple `rowIndex % 2 === 1`, matching the row-parity indent convention used by the Polyhex Shapes Generator's renderer.

Hex Grid Generator Use Cases

Generating a labeled reference grid for a board game or puzzle layout
Producing filler ASCII-art grid content for a UI mockup or demo
Teaching how a 2D grid's cells map to sequential indices

Common Mistakes

Expecting a geometrically precise hex-tiling diagram; the offset-row indent is a simplified stylistic approximation.
Requesting a very large rows x columns combination and hitting the 400-cell cap.
Viewing the output in a proportional font, which breaks the intended cell alignment.

Tips

Try a wide, short grid (e.g. 2 rows x 20 columns) or a tall, narrow one to see how the offset indent looks at different aspect ratios.
Pair this with the Polyhex Shapes Generator to compare a fully-filled grid against an irregular grown shape in the same visual style.

Hex Grid Generator