Word · Google Docs · Gmail
Gradient text in Word, Google Docs and Gmail
Word only keeps its gradients inside Word, and Google Docs and Gmail can’t do them at all. A small workaround makes it work everywhere: every letter gets its own color – and that is something every editor can copy and paste.
Type your text, pick colors, click “Copy with colors” and paste into Word, Docs or your email. Runs entirely in your browser.
Create color textThe short version
- Enter your text in Color Text Studio.
- Pick a preset such as Sunset or Rainbow and the Gradient mode.
- Click “Copy with colors”.
- Paste into Word, Google Docs, Gmail or Outlook with Ctrl+V (Mac: Cmd+V).
Why the workaround is needed
Word does have a gradient option under Font Color › Gradient. But it lives in Word’s own file format: copy that text into an email, Google Docs or a website and only a single color survives. Google Docs and Gmail have no gradient text at all.
What every app does understand is individual font colors. Color Text Studio therefore calculates an in-between color for each letter. The result looks like a gradient but consists of ordinary colored characters – and survives copy and paste.
Step by step
- Enter text. Type or paste your text into Color Text Studio. Line breaks are kept.
- Pick colors. Click one of the 36 presets or add your own colors. Two or three colors are often enough for a gradient.
- Choose a mode. Gradient for a smooth transition, Words or Lines to give each word or line its own color.
- Check the background. Keep the preview background white, like your document. The contrast check shows which colors are too faint on white.
- Bold or italic? Turn them on under “Font” – they are copied too.
- Copy and paste. Click “Copy with colors” and paste into the target app.
Greeting card, invitation, newsletter headline: type your text, pick a preset, copy with colors – done.
How each app behaves
| App | Colors kept? | Note |
|---|---|---|
| Microsoft Word | Yes | If not: click the paste options icon after pasting and choose “Keep Source Formatting”. |
| Google Docs | Yes | Paste with Ctrl+V. Ctrl+Shift+V deliberately pastes without formatting. |
| Gmail | Yes | In the normal compose window; plain text mode drops all colors. |
| Outlook | Yes | The message must be in HTML format, not “Plain Text”. |
| PowerPoint | Mostly | PowerPoint likes to apply theme colors. Choose “Keep Source Formatting” when pasting. |
| LibreOffice Writer | Yes | Paste as usual. |
| WhatsApp, Instagram, TikTok | No | These apps only store plain text. Use the image export instead. |
Tips for a great result
- Short texts work best. Headlines, names, greetings. Whole paragraphs in rainbow colors are tiring to read.
- Avoid yellow on white. Light colors such as yellow or light green are hard to read on white paper. The contrast check flags them, and “Remove” drops them with one click.
- Vivid transitions. With “OKLab” switched on, the middle between two colors stays bright instead of turning muddy gray – most visible with red → blue.
- Bold helps. Thicker letters show more color, so the gradient is easier to see.
- Typing afterwards. New letters take the color of the neighboring character. For bigger edits, change the text in the tool and copy again.
- Dark mode in email apps. Gmail and Outlook partly adjust colors in dark mode. Strong, medium-bright colors survive this best.
When the colors get lost
| Symptom | Cause and fix |
|---|---|
| Text arrives in black | The target pasted without formatting (e.g. Ctrl+Shift+V, plain text email, chat app). Paste normally or switch the email to HTML. |
| Copying does nothing | Some browsers ask for clipboard access the first time. Allow it or use a current Chrome, Edge, Firefox or Safari. |
| Colors look slightly off | The target applies its own theme (PowerPoint, dark mode). Keep source formatting or test dark mode. |
| The font changes | By design: only colors, bold and italic are copied. The font comes from the target document. |
Create gradient text now
Type your text, pick a preset and copy with colors – for Word, Google Docs, Gmail and Outlook. Free, no sign-up, nothing uploaded.
FAQ
Can Google Docs do gradient text by itself?
No. Google Docs only knows single-color text. A gradient is created by giving every letter its own in-between color – which is exactly what Color Text Studio does.
Why not just use Word’s gradient feature?
It only works inside Word. Copied into emails, Google Docs or websites, only one color remains. Text colored letter by letter survives copy and paste.
Can I still edit the text afterwards?
Yes. It is ordinary text with font colors. Spell check and find and replace work as usual.
Does it work on a phone?
Yes, in the mobile browser. Whether the colors arrive depends on the target app: Gmail and Word keep them, messengers don’t.
Is the tool free?
Yes. No sign-up, no watermark. Your text is not uploaded – it is only processed in your browser.
Sources
- Clipboard: write() method, MDN Web Docs.
- Understanding Success Criterion 1.4.3: Contrast (Minimum), W3C.
- A perceptual color space for image processing (Oklab), Björn Ottosson.