Discord embed preview

Preview Discord embeds and copy webhook JSON in your browser. Titles, colours and fields stay on this device — GraphicByte never posts the payload.

Tool names, instructions and generated content may be provided in English.

Webhook usernameMessage contentTitleDescriptionEmbed colourTitle URLAuthorFooterThumbnail URLImage URL

Fields

Inline

Server is online

Survival · 1.21 · whitelist off

Players

42/200

Region

Posted from a GraphicByte preview

{
  "username": "GraphicByte",
  "embeds": [
    {
      "title": "Server is online",
      "description": "Survival · 1.21 · whitelist off",
      "color": 5793266,
      "footer": {
        "text": "Posted from a GraphicByte preview"
      },
      "fields": [
        {
          "name": "Players",
          "value": "42/200",
          "inline": true
        },
        {
          "name": "Region",
          "value": "EU",
          "inline": true
        }
      ]
    }
  ]
}

Preview only. GraphicByte does not post to Discord webhooks.

About this tool

Fill in a title, colour, fields and footer to see a Discord-style embed. The JSON is the payload a webhook expects, generated only in this tab.

GraphicByte does not send the payload to Discord. Copy it into your bot, Zapier or a webhook tester when you are ready.

How to use it

Edit the title, description, colour and optional fields.
Check the preview on the right.
Copy the webhook JSON and paste it into your own bot or webhook tool.

FAQs

Does this post to my Discord webhook?

No. It only builds JSON in the browser. Paste it yourself if you want Discord to receive it.

Why is the colour a number in the JSON?

Discord embeds use an integer colour. We convert your hex, for example #5865F2, into that number.

Can I preview a thumbnail?

Paste an https image URL. GraphicByte CSP allows Discord CDN images; other hosts may not render in the preview.