Simplify Your Workflow: Search MiniWebtool.
Add Extension
Related Tools
Sierpinski Triangle GeneratorSpirograph Generator
Home Page > Miscellaneous > General Tools > Tessellation Generator

Tessellation Generator

Generate gap-free Escher-style tessellation patterns from regular and semi-regular tiles โ€” triangles, squares, hexagons, rhombi, octagons, and bricks. Color them with curated palettes, turn straight edges into interlocking Escher curves, and export as crisp SVG or PNG.

Tessellation Generator
Try a preset:
Wavy edges interlock automatically โ€” adjacent tiles share matching curves.

Embed Tessellation Generator Widget

โ— Pattern ready
Regular Hexagons (Honeycomb) Three hexagons at every vertex ยท 48 tiles ยท Straight (geometric)
Hexagons (6.6.6) โ€” Honeycomb
Nature's favorite tile โ€” bees, basalt columns, soap foam. Among all regular tessellations, hexagons enclose the most area with the least perimeter per tile, which is why honeycombs are so efficient.
Vertex: 6.6.6 Wallpaper group: p6m
PatternRegular Hexagons (Honeyโ€ฆ
PaletteMediterranean (teal & sky)
Grid6 ร— 8
Tiles drawn48
Palette:
Copied โœ“
📲

Install MiniWebtool App

Add to your home screen for instant access โ€” free, fast, no download needed.

           

Want faster & ad-free?

About Tessellation Generator

The Tessellation Generator creates gap-free geometric patterns where one or more shapes fit together to cover the plane โ€” no overlaps, no holes. Pick a tile family (triangles, squares, hexagons, rhombi forming 3D cubes, octagons with corner squares, or running-bond bricks), apply a curated color palette, and optionally turn every straight edge into an interlocking Escher curve. Export as SVG for printing, laser-cutting, and vector editing, or as PNG for slides and social posts. It is built for artists, designers, math teachers, students, quilters, and anyone exploring symmetry and pattern.

How to Read a Tessellation

Vertex configuration โ€” the numbers (like 4.4.4.4 or 4.8.8) describe which polygons meet at each vertex, in order. Two octagons and one square is 8.8.4.
Wallpaper group โ€” the symmetry class of the whole pattern. There are exactly 17 such groups; this tool shows you which one your pattern belongs to (p4m, p6m, etc.).
Edge style โ€” straight edges give classic geometry. Wavy edges turn each side into a quadratic Bezier curve that interlocks perfectly with the neighbor's matching curve, the trick behind Escher's animal tilings.
Color palette โ€” six tones per palette rotate across tiles. For the cube illusion the same three palette tones are mapped to "top", "right", and "left" faces to create the 3D effect.

What Makes This Tessellation Generator Different

True interlocking Escher edges Wavy and zigzag modes compute every edge's control point from the canonical endpoint order, so the curve on one tile matches the curve on its neighbor exactly. No gaps, no overlap โ€” the same trick Escher used by hand to fit lizards and fish together.
Six patterns, including semi-regular Most generators stop at squares and hexagons. This one ships the three regular tilings, the 4.8.8 truncated square (Islamic and Roman classic), a 3D-cube rhombus, and a running-bond brick โ€” six visually distinct families.
Built-in math education Every generated pattern displays its vertex configuration and wallpaper group. You learn the symmetry vocabulary by playing โ€” pick a hexagon, see p6m; switch to bricks, see p2. Perfect for Kโ€“12 and undergrad geometry classes.

The Three Regular Tessellations

A regular tessellation uses only one type of regular polygon with all corners identical. Surprisingly, only three regular polygons can do this on their own:

  • Equilateral triangle (3.3.3.3.3.3): six triangles meet at every vertex; interior angle 60ยฐ ร— 6 = 360ยฐ. The densest and stiffest tiling.
  • Square (4.4.4.4): four squares meet at every vertex; 90ยฐ ร— 4 = 360ยฐ. The basis of every grid.
  • Regular hexagon (6.6.6): three hexagons meet at every vertex; 120ยฐ ร— 3 = 360ยฐ. Nature's favorite (bees, soap foam, basalt columns).

Any other regular polygon โ€” pentagon, heptagon, octagon โ€” fails because its interior angle doesn't divide 360ยฐ evenly. That is why a pentagon alone can never tile a flat plane (though irregular pentagons can!).

Semi-Regular (Archimedean) Tessellations

If you allow more than one regular polygon while keeping every vertex identical, you get eight semi-regular tilings โ€” discovered by Johannes Kepler in 1619. This generator ships one of the most popular: the 4.8.8 truncated square, made of regular octagons with small rotated squares filling the corner gaps. It appears in Roman mosaic floors, Islamic geometric art, modern bathroom tile, and countless quilt patterns.

The Cube Illusion (Rhombille Subset)

Three 60ยฐ rhombi sharing a central vertex form a regular hexagonal outline. Shade each rhombus a different tone โ€” light for "top", medium for "right", dark for "left" โ€” and the eye reads the trio as the visible faces of an isometric cube. Tile the plane this way and you get a wall of stacked cubes. The pattern dates to Roman mosaics, surfaces in countless Escher works, and is the same illusion behind the "impossible stairs" of optical art.

How Escher's Wavy Edges Actually Work

M.C. Escher's most famous tilings (Sky and Water I, Reptiles, Day and Night) start from a regular hexagon or square, then deform the edges. The trick: every shape an edge bulges out of one tile must be matched by an identical shape bulging into the adjacent tile. Mathematically, the edge becomes a curve, but the same curve is used by both neighboring tiles, so they still tessellate.

This tool implements the trick algorithmically. For every shared edge, the control point of a quadratic Bezier is computed from the canonical (sorted) endpoint pair โ€” so when tile A traverses the edge Pโ†’Q and tile B traverses Qโ†’P, both compute the identical control point and render the same curve. The result is a perfect interlock with no math anxiety required.

Where Tessellations Show Up

  • Architecture and design: bathroom floors, Islamic geometric ornament (Alhambra), Gothic stained glass, parquet flooring, modern wallpaper.
  • Nature: bee honeycombs, soap-bubble foam, basalt columns at the Giant's Causeway, dried mud cracks, turtle shells, pineapple skin.
  • Art: M.C. Escher's lizards, fish, and birds; Roman opus reticulatum; Penrose tilings; Marrakech zellige.
  • Industry: hex grid in game level design; quilt and textile patterns; laser-cut metal panels; LED display layouts.
  • Mathematics: a gateway to symmetry groups, hyperbolic geometry, quasicrystals (Penrose), and 4-color theorem demonstrations.

Common Tessellation Questions

  • Can pentagons tile the plane? Regular pentagons cannot, but at least 15 distinct families of irregular convex pentagons can โ€” the last family was discovered as recently as 2015.
  • Can circles tile the plane? No. Circles leave gaps (called interstices) no matter how you pack them. The densest packing leaves about 9.3% empty space.
  • Why are honeycombs hexagonal? Mathematically, among all regular tilings, hexagons enclose the most area with the least perimeter per tile โ€” the "Honeycomb Conjecture", proved by Thomas Hales in 1999.
  • Are Penrose tilings supported? Not yet. Penrose tilings are non-periodic (they never exactly repeat), which requires different math. Stay tuned for an update.

Frequently Asked Questions

What is a tessellation?

A tessellation is a tiling of the plane by one or more geometric shapes with no gaps and no overlaps. Every edge of every tile is shared with exactly one neighbor. Tessellations appear everywhere โ€” bathroom tile, brickwork, honeycombs, M.C. Escher's prints, and Islamic geometric art.

What are the three regular tessellations?

Only three regular polygons can tile the plane on their own: the equilateral triangle (3.3.3.3.3.3), the square (4.4.4.4), and the regular hexagon (6.6.6). The numbers describe how many polygons meet at each vertex.

What is the 4.8.8 truncated square tessellation?

It is a semi-regular Archimedean tessellation made of regular octagons and small squares. At every vertex, two octagons and one square meet, giving 135ยฐ + 135ยฐ + 90ยฐ = 360ยฐ. The pattern appears in classical Roman mosaic floors and many Islamic geometric designs.

How do the Escher wavy edges work?

The tool replaces each straight edge of every tile with a quadratic Bezier curve. The curve's control point is computed from the canonically ordered endpoints, so both tiles sharing the edge render the same curve. The result is an Escher-style interlocking shape with no gaps.

What is a wallpaper group?

A wallpaper group classifies the symmetry of a repeating 2D pattern by which rotations, reflections, glide reflections, and translations leave the pattern unchanged. There are exactly 17 distinct wallpaper groups. The tool labels each pattern with its group (p4m, p6m, p2) so you can recognize the symmetry family at a glance.

Can I export the pattern?

Yes. Download SVG gives a vector file that scales infinitely without losing quality โ€” perfect for printing, laser cutting, or further editing in Illustrator or Inkscape. Download PNG renders the pattern as a raster image at high resolution, suitable for slides, social posts, and documents. Copy code puts the raw SVG markup on your clipboard for embedding in webpages.

Why do wavy edges look strange at the very corners?

Where multiple curved edges meet at a single vertex, the curves can pinch or bulge depending on the geometry of the polygons involved. This is a fundamental property of Escher's technique โ€” even his own prints carry small visual quirks at high-valence vertices. The interlock is mathematically perfect; the appearance is just unusual at sharp junctions.

What is the difference between SVG and PNG export?

SVG is a vector format โ€” the file describes shapes mathematically, so it stays crisp at any size (great for print and laser cutting). PNG is a raster format โ€” the file is a grid of pixels, so it has a fixed resolution (great for slides, web posts, and quick sharing).

Are the patterns I generate free to use?

Yes. Patterns you generate with this tool are yours to use โ€” there is no watermark, no signup, and no usage restriction. Use them in your designs, classroom materials, prints, and projects without attribution.

Why are some tiles cut off at the edges of the output?

Tessellations are infinite by definition. The tool shows you a rectangular slice of the pattern, so tiles near the boundary may be partially visible. Increase rows or columns to see more of the pattern, or reduce tile size for a denser slice.

Reference this content, page, or tool as:

"Tessellation Generator" at https://MiniWebtool.com/tessellation-generator/ from MiniWebtool, https://MiniWebtool.com/

by miniwebtool team. Updated: 2026-05-19

General Tools:

Top & Updated:

Random Name PickerRandom PickerInstagram User ID LookupImage ResizerLine CounterFacebook User ID LookupFPS ConverterRelative Standard Deviation CalculatorSort NumbersMAC Address GeneratorRemove SpacesWord to Phone Number ConverterMercury Retrograde CalendarBatting Average CalculatorMAC Address LookupSlope and Grade CalculatorERA CalculatorRandom Quote Generator๐Ÿ“ท OCR / Image to Textโฌ› Aspect Ratio CalculatorSum CalculatorPercent Off CalculatorFeet and Inches to Cm ConverterSun, Moon & Rising Sign Calculator ๐ŸŒž๐ŸŒ™โœจSHA256 Hash GeneratorInvisible Text GeneratorMerge VideosAudio SplitterRandom Credit Card GeneratorNumber of Digits CalculatorRandom IMEI GeneratorMaster Number CalculatorVertical Jump CalculatorMP3 LooperRandom Truth or Dare GeneratorLunar Calendar ConverterImage SplitterOPS CalculatorBitwise CalculatorRandom Fake Address GeneratorWeight Loss CalculatorSalary Conversion CalculatorLog Base 10 CalculatorFile Size ConverterPhone Number ExtractorSquare Root (โˆš) CalculatorJob FinderCm to Feet and Inches Converter๐Ÿ–ฑ๏ธ Click CounterBattery Life CalculatorRandom Superpower GeneratorCaffeine Overdose CalculatorRandom Activity GeneratorRandom Poker Hand GeneratorYouTube Channel StatisticsRoman Numerals ConverterRandom Writing Prompt GeneratorCompound Growth CalculatorNumber to Word ConverterRandom Birthday GeneratorText FormatterRandom Movie PickerOctal CalculatorSun Position CalculatorWord Ladder GeneratorStair CalculatorHalfway Date CalculatorSaturn Return CalculatorIP Subnet CalculatorRandom Meal GeneratorSHA512 Hash GeneratorLong Division CalculatorYouTube Tag ExtractorSlugging Percentage CalculatorAdd Text to ImageOn Base Percentage CalculatorCompare Two StringsRandom Loadout GeneratorDecimal to BCD ConverterBCD to Decimal ConverterFirst n Digits of PiRandom Emoji GeneratorBinary to Gray Code ConverterArc Length CalculatorGray Code to Binary ConverterVideo to Image ExtractorMartingale Strategy CalculatorList of Prime NumbersBcrypt Hash Generator / CheckerPercent Growth Rate CalculatorWord Scramble GeneratorVideo CompressorBingo Card GeneratorRandomize NumbersAPI Tester๐Ÿ“… Date CalculatorLeap Years ListFlip VideoAI Text HumanizerBolt Torque CalculatorEmail ExtractorQuotient and Remainder CalculatorImage CompressorWAR CalculatorBreak Line by CharactersName RandomizerHebrew Calendar ConverterBroken Link CheckerRandom User-Agent GeneratorIP Address to Hex ConverterDay of the Year Calculator - What Day of the Year Is It Today?Time Duration CalculatorConnect the Dots GeneratorProportion CalculatorRemove AccentAI Language DetectorSocial Media Username CheckerPartition Function CalculatorRandom Tournament Bracket GeneratorSigma Notation Calculator (Summation)Random Number PickerCone Flat Pattern (Template) GeneratorDecibel (dB) CalculatorCM to Inches ConverterSmall Text Generator โฝแถœแต’แต–สธ โฟ แต–แตƒหขแต—แต‰โพDMS to Decimal Degrees ConverterMD5 Hash GeneratorRatio to Percentage CalculatorPercentile CalculatorRandom Time GeneratorSum of Positive Integers CalculatorLove Compatibility CalculatorNumber ExtractorMultiple Fraction Calculator๐Ÿ” Plagiarism CheckerPercent to PPM ConverterTrigonometric Equation Solver1099 Tax CalculatorAcreage Calculator๐Ÿ”Š Tone GeneratorURL ExtractorFirst n Digits of eAdd Prefix and Suffix to TextBinary to BCD ConverterColor InverterEffect Size CalculatorSteel Weight CalculatorMolarity CalculatorLED Resistor CalculatorBoiling Point CalculatorVoronoi Diagram GeneratorYouTube Thumbnail DownloaderMAC Address AnalyzerOutlier CalculatorWhat is my Zodiac Sign?Name Number CalculatorBeer Chill Time CalculatorModulo CalculatorPercentage Increase CalculatorVideo SplitterEstimation CalculatorWhat is my Lucky Number?Day of Year CalendarText Case ConverterYouTube Comment PickerRandom Name GeneratorSourdough CalculatorWHIP CalculatorDice RollerAstrological Element Balance CalculatorLottery Number GeneratorMaze GeneratorRemove Lines Containing...Amortization CalculatorRandom US State GeneratorBlood Donation Time CalculatorSquare Numbers ListRandom Chess Opening GeneratorRandom PIN GeneratorWater Usage CalculatorFraction CalculatorIP Address to Binary ConverterLinear Programming SolverRandom Line PickerMandelbrot Set ExplorerSocial Media Post Time OptimizerReverse VideoTwitter/X Timestamp ConverterRandom Group GeneratorShort Selling Profit CalculatorAdjust Video SpeedBoxing Punch Power CalculatorBCD to Binary ConverterExponential Decay CalculatorHeight Percentile CalculatorRandom Video Thumbnail GeneratorStandard Error Calculator๐Ÿ’ง Dew Point CalculatorAI ParaphraserAI Punctuation AdderSort Lines AlphabeticallyHex to BCD ConverterBCD to Hex ConverterMedian CalculatorList RandomizerAverage CalculatorPVIFA CalculatorHypotenuse CalculatorRemove Audio from VideoActual Cash Value CalculatorScientific Notation to Decimal ConverterAngel Number CalculatorLog Base 2 CalculatorRoot Mean Square CalculatorSHA3-256 Hash GeneratorAI Sentence ExpanderLbs to Kg ConverterHex to Decimal ConverterConvolution CalculatorRandom String GeneratorRemove Leading Trailing SpacesMarkup CalculatorPVIF CalculatorDecimal to Hex ConverterInstagram Font GeneratorSocial Media Image Size GuideTikTok Money CalculatorTwitter/X Character CounterYouTube Watch Time CalculatorTwitch Earnings CalculatorYouTube Shorts Monetization CalculatorFacebook Ad Cost CalculatorSocial Media ROI CalculatorCTR CalculatorROAS CalculatorInfluencer ROI CalculatorForce CalculatorAcceleration CalculatorVelocity CalculatorMomentum CalculatorProjectile Motion CalculatorKinetic Energy CalculatorPotential Energy CalculatorWork and Power CalculatorDensity CalculatorPressure CalculatorIdeal Gas Law CalculatorFree Fall CalculatorTorque CalculatorHorsepower CalculatorDilution CalculatorChemical Equation BalancerStoichiometry CalculatorPercent Yield CalculatorEmpirical Formula CalculatorTitration CalculatorMole/Gram/Particle ConverterIrregular Polygon Area CalculatorFrustum CalculatorTorus Calculator3D Distance CalculatorGreat Circle Distance CalculatorCircumscribed Circle (Circumcircle) CalculatorInscribed Circle (Incircle) CalculatorAngle Bisector CalculatorTangent Line to Circle CalculatorHeron's Formula CalculatorCoordinate Geometry Distance CalculatorVolume of Revolution CalculatorSurface of Revolution CalculatorParametric Curve GrapherRiemann Sum CalculatorTrapezoidal Rule CalculatorSimpson's Rule CalculatorImproper Integral CalculatorL'Hรดpital's Rule CalculatorMaclaurin Series CalculatorPower Series CalculatorSeries Convergence Test CalculatorInfinite Series Sum CalculatorAverage Rate of Change CalculatorInstantaneous Rate of Change CalculatorRelated Rates SolverOptimization Calculator (Calculus)Gradient Calculator (Multivariable)Divergence CalculatorCurl CalculatorLine Integral CalculatorSurface Integral CalculatorJacobian Matrix CalculatorNewton's Method CalculatorRREF Calculator (Row Echelon Form)Matrix Inverse CalculatorMatrix Multiplication CalculatorDot Product CalculatorCross Product CalculatorVector Magnitude CalculatorUnit Vector CalculatorAngle Between Vectors CalculatorNull Space CalculatorColumn Space CalculatorCramer's Rule CalculatorMatrix Diagonalization CalculatorQR Decomposition CalculatorCholesky Decomposition CalculatorMatrix Power CalculatorCharacteristic Polynomial CalculatorBayes' Theorem CalculatorF-Test / F-Distribution CalculatorHypergeometric Distribution CalculatorNegative Binomial Distribution CalculatorGeometric Distribution CalculatorExponential Distribution CalculatorWeibull Distribution CalculatorBeta Distribution CalculatorSpearman Rank Correlation CalculatorFisher's Exact Test CalculatorContingency Table CalculatorOdds Ratio CalculatorBernoulli Equation CalculatorHeat Transfer CalculatorThermal Expansion CalculatorSpecific Heat Capacity CalculatorGear Ratio Calculator (Mechanical)Pulley System CalculatorHydraulic Cylinder Force CalculatorBelt Length CalculatorCloset Capsule CalculatorStorage Unit Size CalculatorMoving Box Quantity CalculatorGift Card Tip CalculatorGas vs Electric Cost ComparisonPrint Cost CalculatorHair Dye Mixing CalculatorLaundry Detergent Dosage CalculatorDishwasher Load OptimizerTile Grout CalculatorPaint Color Mixing CalculatorFlashcard Spaced Repetition SchedulerLearning Curve CalculatorCornell Notes GeneratorVocabulary Quiz GeneratorLanguage Learning Hours to Fluency CalculatorCollege Cost CalculatorScholarship ROI CalculatorAI Recipe Generator (From Ingredients)AI Gift Idea GeneratorAI Meal Plan GeneratorAI Workout Plan GeneratorAI Reading List GeneratorAI Travel Itinerary GeneratorAI Excuse Generator (Polite)AI Apology Letter WriterAI Unit Converter (Natural Language)AI Resume / CV AnalyzerAI Text Tone AnalyzerAI Data Visualizer (Paste CSV)AI Regex GeneratorAI SQL Query GeneratorPaycheck Calculator (Take-Home Pay)VA Loan CalculatorARM Mortgage CalculatorBiweekly Mortgage Payment CalculatorPMI CalculatorMortgage Points CalculatorBalloon Loan CalculatorInterest-Only Mortgage CalculatorConstruction Loan CalculatorLand Loan CalculatorBoat Loan CalculatorRV Loan CalculatorMotorcycle Loan CalculatorCar Affordability CalculatorOut-the-Door Price CalculatorRent Affordability CalculatorProrated Rent CalculatorRent Increase CalculatorMileage Reimbursement CalculatorPer Diem CalculatorInvoice GeneratorSalary Raise CalculatorSeverance Pay CalculatorHSA Calculator529 College Savings CalculatorI Bond CalculatorT-Bill CalculatorCD Ladder CalculatorCredit Utilization CalculatorLoan Comparison CalculatorGross-Up CalculatorSWP CalculatorRD CalculatorPPF CalculatorEPF CalculatorNPS CalculatorGratuity CalculatorHRA Exemption CalculatorUK Stamp Duty CalculatorZakat CalculatorTithe CalculatorBetting Odds ConverterPayPal Fee CalculatorStripe Fee CalculatorEtsy Fee CalculatoreBay Fee CalculatorAmazon FBA CalculatorShopify Profit CalculatorWholesale Price CalculatorCraft Pricing CalculatorDepreciation CalculatorEOQ CalculatorReorder Point CalculatorSafety Stock CalculatorFIFO / LIFO CalculatorContribution Margin CalculatorWorking Capital CalculatorCost Per Lead CalculatorEmail Marketing ROI CalculatorTip Pooling CalculatorWeek Number CalculatorAnniversary CalculatorHalf Birthday CalculatorSobriety CalculatorRetirement CountdownDate to Roman Numerals ConverterSunrise & Sunset CalculatorMoon Phase CalculatorNap CalculatorWorld ClockJulian Date ConverterISO 8601 Date FormatterChinese Gender PredictorImplantation CalculatorIVF Due Date CalculatorhCG Doubling Time CalculatorChild Height PredictorChild BMI Percentile CalculatorBaby Eye Color PredictorBaby Name GeneratorDiaper Size CalculatorBaby Milk Intake CalculatorCost of Raising a Child CalculatorEasy Grader (EZ Grader)CGPA to Percentage ConverterSAT Score CalculatorACT Score CalculatorAP Score CalculatorAttendance Percentage CalculatorPercentage to CGPA ConverterCitation Generator (APA/MLA/Chicago)AI Quiz GeneratorAI Lesson Plan GeneratorInteractive Periodic TableElectron Configuration CalculatorLimiting Reactant CalculatorTheoretical Yield CalculatorHenderson-Hasselbalch CalculatorpKa to Ka ConverterMolality CalculatorNormality CalculatorPercent Composition CalculatorFreezing Point Depression CalculatorBoiling Point Elevation CalculatorOsmotic Pressure CalculatorNernst Equation CalculatorBeer-Lambert Law CalculatorTap Drill Size ChartGravitational Force CalculatorEscape Velocity CalculatorKepler's Third Law CalculatorTime Dilation CalculatorE=mcยฒ Calculator
×

Do us a favor and answer 3 quick questions

Thank you for participating in our survey. Your input will help us to improve our services.

Where exactly did you first hear about us?

What is your favorite tool on our site?

if Other, please specify:

How likely is it that you would recommend this tool to a friend?

NOT AT ALL LIKELYEXTREMELY LIKELY

Likely score: (1-10)