Tool

Gradient text colorizer

Type text, pick a gradient, and get it colored letter by letter. Copy the BBCode or HTML and paste it into a forum post, signature, or web page. Runs in your browser.

Colors Reverse

Presets

Font

Bold UnderlineSize40

Gradient text looks awesome

[center][font=system-ui][size=40][color=#7c5cff]G[/color][color=#7466fe]r[/color][color=#6c71fc]a[/color][color=#657bfb]d[/color][color=#5d85f9]i[/color][color=#5590f8]e[/color][color=#4d9af6]n[/color][color=#45a4f5]t[/color] [color=#3daff3]t[/color][color=#36b9f2]e[/color][color=#2ec3f0]x[/color][color=#26ceef]t[/color] [color=#2bcfec]l[/color][color=#3dc6e7]o[/color][color=#50bee2]o[/color][color=#62b5dd]k[/color][color=#74add8]s[/color] [color=#86a5d3]a[/color][color=#999cce]w[/color][color=#ab94c9]e[/color][color=#bd8bc5]s[/color][color=#cf83c0]o[/color][color=#e27abb]m[/color][color=#f472b6]e[/color][/size][/font][/center]

Make gradient colored text for forums and the web

This colorizer spreads your chosen colors smoothly across every letter, then wraps each character in the right tags. Use BBCode for forums that support [color], or HTML spans for websites. Add as many color stops as you want and toggle bold.

How to make gradient text

Type or paste your text.
Pick two or more gradient colors, add as many stops as you like.
Choose BBCode or HTML output and copy it.
Paste it into your forum post, signature, or web page.

Want the gradient itself? Build one in the gradient builder or browse the library.