Roll20 Macro Studio

Design inline styles visually and copy HTML for Roll20.

Import macro code

Paste code here.

Layout

Font

Size

Weight

Letter spacing

Line height

Padding

Margin

Text color

Background

Gradient

Border & shadow

Border width

Border style

Border color

Radius

Shadow X

Shadow Y

Blur

Shadow color

Shadow color uses the picker; for translucent shadows, edit rgba() in the output.

Special

Preview text

Per-character colors

Help text.

Dice bridge slots

Formulas sent from the Dice Roller page arrive in these fields.

Damage / attack rolls

Check / skill rolls

Live preview

Roll20 ??chat log (simulated)

Gamemaster: Welcome to the table.

Live Sandbox Mirror

Studio

Output

Guide

Padding vs margin

Paragraph 1.

Paragraph 2.

Gradient

Paragraph 1.

Paragraph 2.

Accessibility

Paragraph 1.

Paragraph 2.

Edit process

How it works

Paragraph.

Troubleshooting

Paragraph.

Box model

Paragraph.