Displays a hexagon with colored sections

HTML

<svg width="396" height="396" viewBox="0 0 396 396" fill="none" xmlns="http://www.w3.org/2000/svg" opacity="1">
  <path d="M198 120C198 53.7258 251.726 0 318 0H396V78C396 144.274 342.274 198 276 198H198V120Z" fill="#89DDFF"/>
  <path d="M0 318C0 251.726 53.7258 198 120 198H198V276C198 342.274 144.274 396 78 396H0V318Z" fill="rgba(255, 203, 107, .1)"/>
  <path d="M198 120C198 53.7258 144.274 0 78 0H0V78C0 144.274 53.7258 198 120 198H198V120Z" fill="#C792EA1A"/>
  <path d="M396 318C396 251.726 342.274 198 276 198H198V276C198 342.274 251.726 396 318 396H396V318Z" fill="#F07178" opacity="0.1"/>
</svg>

Join the 4+ million users, and keep the JSFiddle dream alive.

Ad-free

All ads in the editor and listing pages are turned completely off.
Fiddle Pages

Your fiddles accessible under a custom domain and a vanity path - the simplest hosting for your personal project.
Use pre-released features

You get to try and use features (like the Palette Color Generator) months before everyone else.
Fiddle collections

Sort and categorize your Fiddles into multiple collections.
Private collections and fiddles

You can make as many Private Fiddles, and Private Collections as you wish!

Displays a hexagon with colored sections

HTML

Please Whitelist JSFiddle in your content blocker.

Join the 4+ million users, and keep the JSFiddle dream alive.

Ad-free

Fiddle Pages

Use pre-released features

Fiddle collections

Private collections and fiddles

Get Fiddle Pages with PRO