🌈
πŸ“±

Create Gradients for Social Media Graphics

Design vibrant gradient backgrounds for Instagram posts, YouTube thumbnails, and Twitter cards.

Nid oes angen mewngofnodi
background: linear-gradient(135deg, #14b8a6 0%, #6366f1 100%);
#14b8a60%
#6366f1100%

Presets

Social tips

πŸ“±

Social media images need high contrast and vivid colours to stand out in feeds. Use bolder, more saturated gradients than you'd use for web backgrounds.

🎨

Instagram's signature look uses complementary colour gradients (orange→pink, purple→blue). The "Sunset" and "Purple Rain" presets are great starting points.

πŸ’‘

Export your gradient background as a CSS snippet, then recreate it in Canva using its gradient fill tool, or use it directly in a web-based design tool.

πŸ“

For YouTube thumbnails, position key text in areas of consistent colour (not on gradient transitions) for maximum readability.

Sut Mae'n Gweithio

1
Ewch i mewn
Enter your data into the tool above. Everything stays local to your browser.
2
Proses
The tool processes your data instantly in your browser using JavaScript. No server, no waiting.
3
Lawrlwythwch
Get your result instantly. Nothing is stored after you leave the page β€” complete privacy.

Pam defnyddio ein un ni?

βœ“Hollol rhad ac am ddim - dim costau cudd, byth
βœ“Nid oes angen cyfrif, e-bost na mewngofnodi
βœ“Nid yw ffeiliau byth yn gadael eich dyfais
βœ“Dim cyfyngiadau maint ffeil o gwbl
βœ“Dim dyfrnodau ar unrhyw allbwn

Also check out…

Cwestiynau Cyffredin