Brat Generator White Text: Free Maker and Setup Guide
This page explains how to make white text with the brat generator at BratGen Free, a free tool that runs in your browser with nothing uploaded. Pick white text on black, white text on green, or a white background, then export PNG, JPEG or WebP in 1:1, 9:16 or 16:9. No signup, no watermark. BratGen Free is independent and not affiliated with Charli XCX.
Type a word to see your brat image.
0 = sharp, higher = softer
WebP is not supported in this browser.
Pick a preset, then change the text color if you need to. One to four short words look best.
White Brat Text at a Glance
|
Setup |
Text |
Background |
Contrast |
|---|---|---|---|
|
White on black |
|
|
21:1 |
|
White on green |
|
|
about 1.9:1 |
|
White on blue |
|
|
about 8.6:1 |
|
White background |
black |
|
21:1 |
Higher is easier to read. See the WCAG guidance further down.
brat
White on black · 21:1
brat
White on green · 1.9:1, weak contrast
brat
White on blue · 8.6:1
brat
Dark on white · 19.7:1
What Does “Brat Generator White Text” Mean?
People use the phrase for three different looks: white text on a black background, white text on brat green, and a white background with dark text. BratGen Free can make all three. Pick by where the image will end up, because each one suits different uses.
|
Look |
Best for |
Readability |
|---|---|---|
|
White text on black |
Video overlays, story captions |
Excellent |
|
White text on green |
Soft, playful covers |
Weak; use large text only |
|
White background, dark text |
Slides, quote cards |
Excellent |
How Do You Make White Text on a Black Background?
Choose the Black preset under Background color, then make sure the text color is white (#FFFFFF). Keep the words short, use a low blur, and export a PNG. This is the strongest white-text setup and the one most people want for overlays and captions.
Step 1
Type one to four lowercase words.
Step 2
Under Background color, choose the Black preset.
Step 3
Set the text color to #FFFFFF if it is not already white.
Step 4
Set the blur low, around 1 to 3, so the letters stay bright.
Step 5
Choose 9:16 for vertical posts, then download a PNG.
Does White Text Work on Brat Green?
It works, but it is weak. White on #8ACE00 has a contrast ratio of about 1.9:1, while black on the same green is about 10.9:1. Use white on green only for big, short words, and check the result on a phone before posting.
Step 1
Under Background color, choose the Brat green preset.
Step 2
Set the text color to #FFFFFF.
Step 3
Keep it to one or two words.
Step 4
Lower the blur, because blur makes weak contrast weaker.
Step 5
If it still looks faint, switch the text back to black.
How Do You Make a White Background Brat Image?
Under Background color, choose the White preset for a white background. It changes only the background, so also set the text color to black or another dark color, or the text will stay white and disappear. It suits slides, quote cards and clean captions. For a softer look, enter an off-white such as #F5F5F0 in the custom hex field. Black text on that off-white still has a contrast of about 19:1.
Can You Get White Text With a Transparent Background?
Not in BratGen Free. Exports use a solid background. Video editors often have a Screen or Lighten blend mode that hides black, so you can export white text on black and blend it over footage. Blend mode names vary by app.
Which Setup Should You Use?
|
Use |
Setup |
Shape |
|---|---|---|
|
Video or lyric overlay (in your editor) |
White on black |
9:16 |
|
Story caption |
White on black |
9:16 |
|
Presentation title |
White background |
16:9 |
|
Profile picture |
White on blue |
1:1 |
|
Playful cover |
White on green, large words |
1:1 |
For the full size table, see the brat generator home page.
What Mistakes Make White Brat Text Look Bad?
The most common mistakes are low contrast, heavy blur, tiny text, compressed exports and long phrases. Each one makes white text look gray, faint or blurry. They are easy to fix.
White Brat Text FAQ
Is BratGen Free Private?
Yes. BratGen Free draws your text in your own browser, so it is not uploaded.
It is an independent fan-made tool inspired by the style associated with Charli XCX’s album Brat, and it is not affiliated with or endorsed by Charli XCX or her label.
More on the brat generator home page.
Read more: W3C: contrast minimum guidance · Wikipedia: Brat (album)
By the BratGen Free Team. Last updated September 2026. BratGen Free is a small, independent tool for making brat-style images in your browser, with no accounts or watermarks.