Discord Colored Text
Make colored text for Discord: pick a color, type your message, and copy the code block to paste in chat.
```ansi
[0;31mHello world[0m
```Paste this straight into a Discord message on desktop. Colors show for everyone; the mobile app renders it as plain text.
How to make colored text in Discord
Type your message
Enter the text you want to send into the field. The preview shows how it will look in Discord.
Pick colors
Choose a text color, and optionally a background color, from the Discord palette. Turn on bold if you want it.
Copy the code block
Click Copy message to copy the ready-formatted code block to your clipboard.
Paste in Discord
Paste it into a Discord message on desktop and send. The colors show for everyone in the channel.
Why use this tool
Full Discord color palette
Pick from the eight text colors and eight background colors Discord supports in code blocks.
Live Discord preview
See your message rendered on a Discord-style background before you copy, so there are no surprises.
One-click copy
The output is a ready code block. Copy it, paste it into chat, and send. No manual formatting.
Bold text
Add bold on top of any color for headers and emphasis in your messages.
No bot or login
This is plain text formatting Discord already understands. You do not need a bot, an app, or an account.
Runs in your browser
Your message is built on your device and never uploaded or stored anywhere.
About this tool
Discord lets you send colored text by wrapping a message in an ansi code block, but writing the color codes by hand is fiddly. This generator does it for you: type your message, pick a text color and an optional background from the Discord palette, and copy a code block that is ready to paste into any channel or DM.
The preview renders your message on a Discord-style background using the same colors Discord paints, so what you see is what your friends will see. Colors appear for everyone viewing on the Discord desktop and web apps. The mobile app does not render ansi code blocks, so people on phones see the plain text instead, which is worth knowing before you rely on color to carry meaning.
For styling text elsewhere, the text color generator outputs CSS and HTML for web pages, the fancy text generator makes copy-paste unicode styles that work anywhere including phones, and the bold text generator makes bold letters for names and bios.
Frequently asked questions
- How do I make colored text in Discord?
- Discord shows color when a message is wrapped in an ansi code block with color codes inside. This tool builds that block for you: pick a color, type your message, copy the result, and paste it into a Discord message on desktop.
- Why does my colored text show as plain text?
- Colored code blocks render on the Discord desktop and web apps but not in the mobile app, where they appear as plain text. Also make sure you copied the whole block, including the lines with the three backticks, and did not add characters inside it.
- Can I use any color I want?
- Discord code blocks support a fixed palette of eight text colors and eight background colors, so you choose from those rather than any hex value. For arbitrary colors on a web page instead, use the text color generator.
- Do I need a bot to send colored text?
- No. This uses formatting Discord already supports in every channel. You do not need a bot, a special role, or Nitro. Just paste the copied block into a normal message.
- Is my message uploaded anywhere?
- No. The message and colors are assembled in your browser. Nothing you type is uploaded, stored, or logged.
Related tools
Text Color Generator
Pick a font color, preview your text live, and copy the CSS or HTML to paste into your page.
Fancy Text Generator
Turn plain text into bold, italic, script, and other Unicode styles to copy.
Bold Text Generator
Turn plain text into bold, bold italic, and bold serif Unicode styles you can copy.
Analogous Color Generator
Turn any base color into a three swatch analogous palette by rotating its hue.
Aspect Ratio Calculator
Solve the missing width or height for any aspect ratio, from 16:9 to a custom shape.
CSS Box Shadow Generator
Dial in a CSS box-shadow with live preview and copy the exact code.