/STYLE · HEX MOSAIC

Hex Mosaic, Turn Any Photo Into Hexagons

Hex Mosaic rebuilds any image as a honeycomb, a tessellation of hexagonal tiles sampled straight from your photo. Each hexagon takes the average colour of the area it covers, so the picture reads as a clean geometric mosaic instead of square pixels. Tune the tile size, switch between pointy-top and flat-top, and set the grout thickness and colour, all previewing live in your browser.

Try this style →

A portrait rebuilt as a honeycomb of hexagonal tiles, each tile the average colour of the area it covers — Hex Mosaic output, a honeycomb of sampled tiles

/WHAT IT IS

A honeycomb of tiles, sampled from your image

Where pixel art and a square mosaic snap your image to a grid of squares, Hex Mosaic snaps it to interlocking hexagons. Each tile samples the pixels underneath it and fills with their average colour, so the whole photo turns into a honeycomb where the tiles meet on six sides with no long straight seams. The result is a softer, more geometric read that keeps the shape of your subject while flattening it into clean tiled colour.

Because it is a tessellation, the pattern stays even across the whole frame at any tile size, from a fine honeycomb that still shows faces and text, to big bold cells that read as pure abstract geometry. Hex Mosaic is a Pro style in ASCII Magic. See plans.

/HOW IT WORKS

Make a hex mosaic in three steps

Drop your image
Drag any JPG, PNG or WebP into the editor. Nothing uploads, your file stays in the browser.
Pick Hex Mosaic and set the grid
Choose the Hex Mosaic style, then set Size, pick pointy-top or flat-top, and dial in the grout thickness and colour.
Export
Save your honeycomb as a PNG or JPG at up to 4x source resolution, with no watermark.

/CONTROLS

Four controls shape the honeycomb

Size

Sets the hex radius. Smaller tiles pack more hexagons into the frame for finer detail, larger tiles give a bold, chunky honeycomb that reads as abstract geometry.

Orientation

Flips the grid between pointy-top and flat-top hexagons. Pointy-top reads taller and more crystalline, flat-top reads wider and more architectural.

Grout

The border thickness drawn between tiles, like the grout in a real mosaic. Keep it thin for a near-seamless honeycomb, or thicken it for a bold, tiled look.

Grout Color

The colour of those borders. A dark grout gives stained-glass leading, a light grout looks like ceramic tile, and matching it to the background hides the seams entirely.

/TIPS

Getting the look right, size, orientation and grout

Match tile size to your subject. Portraits and logos want smaller hexagons so faces and edges stay readable, while abstract backgrounds and wallpapers can take large tiles for a bolder, flatter pattern.
Pick orientation for the composition. Flat-top grids suit wide, landscape images and architectural subjects, pointy-top grids suit tall crops and give a more gem-like, crystalline feel.
Use grout as a design choice. A thin, dark grout separates tiles just enough to read as a mosaic, a thick grout with a dark colour turns the image into stained glass, and zero grout gives a smooth, seamless honeycomb of pure colour.
Start from a punchy source. Because every hexagon averages the colours under it, images with clear shapes and strong colour contrast stay legible even once the tiles get large.

/USE CASES

Where hex mosaics shine

Geometric wallpapers

Turn a photo or gradient into a honeycomb pattern for phone and desktop wallpapers with a clean, modern geometry.

Sports and gaming graphics

The hex grid is a staple of sports broadcast and gaming design. Drop in a player, character or logo for stream overlays, thumbnails and team graphics.

Abstract backgrounds

Large tiles and low detail turn any image into a colourful abstract background for slides, posters and social posts.

Stained glass and print posters

Add a dark grout and the mosaic reads like stained glass, a look that holds up well in art prints and large-format posters.

/EXPORT

Export at up to 4x, straight from the browser

Export your hex mosaic as a PNG or JPG at up to 4x the source resolution, with no watermark. PNG keeps the crisp tile edges and any hard grout lines, JPG gives you a smaller file for the web.

Every render happens locally in your browser on HTML5 Canvas, so your source image stays on your device and is never uploaded to a server. That makes Hex Mosaic safe for client work, unreleased artwork and anything you would rather not send to the cloud.

/FAQS

Common questions about Hex Mosaic

What is Hex Mosaic?

Hex Mosaic rebuilds any image as a honeycomb, a tessellation of hexagonal tiles sampled from your source photo. Each hexagon takes the average colour of the area it covers, so the picture reads as a clean geometric mosaic instead of square pixels, and it previews in real time in your browser.

How do I turn a photo into hexagons?

Open ASCII Magic, drop your photo in, and pick the Hex Mosaic style. Set the hex Size for how many tiles you want, choose pointy-top or flat-top orientation, and adjust the Grout thickness and colour between tiles. The mosaic updates live, then you export it as a PNG or JPG.

What controls does Hex Mosaic have?

Four main controls. Size sets the hex radius, so smaller tiles mean more hexagons and more detail. Orientation flips the grid between pointy-top and flat-top. Grout sets the border thickness between tiles, and Grout Color sets that border's colour, from thin seams to bold stained-glass leading.

What is the difference between Hex Mosaic and pixel art or a square mosaic?

Pixel art and a square mosaic sample the image into a grid of squares. Hex Mosaic samples into interlocking hexagons instead, a honeycomb tessellation, so tiles meet on six sides with no long straight seams. That gives a softer, more organic geometric look that suits wallpapers, sports and gaming graphics, and stained-glass styles.

Can I export a high-resolution hex mosaic?

Yes. Export your hex mosaic as a PNG or JPG at up to 4x the source resolution, with no watermark. Everything runs locally in your browser, so your image never gets uploaded to a server.

/RELATED STYLES

Or try a different art style

Each opens the editor with that style ready. Explore the full styles index.