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.

Text color
Background color

0 = sharp, higher = softer

Choose a shape

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

#FFFFFF

#000000

21:1

White on green

#FFFFFF

#8ACE00

about 1.9:1

White on blue

#FFFFFF

#0000FF

about 8.6:1

White background

black

#FFFFFF

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.

1

Step 1

Type one to four lowercase words.

Step 2

Under Background color, choose the Black preset.

2
3

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.

4
5

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.

1

Step 1

Under Background color, choose the Brat green preset.

Step 2

Set the text color to #FFFFFF.

2
3

Step 3

Keep it to one or two words.

Step 4

Lower the blur, because blur makes weak contrast weaker.

4
5

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 on light green. Contrast is low. Use large words or switch to black.
  • Heavy blur. Blur tends to dim white letters. Lower it.
  • Too many words. Small white text fades quickly. Stay under five words.
  • JPEG for overlays. Compression can leave marks around the letters. Use PNG.
  • Checking only on a desktop. Always look at the image on your phone.

White Brat Text FAQ

White is #FFFFFF, or RGB 255, 255, 255. Type it into the custom hex field for the text or the background. For a softer white, try #F5F5F0. Both work in BratGen Free, and both export as normal image colors.

Black gives much stronger contrast on brat green, about 10.9:1 versus 1.9:1 for white. White can work for large, short words when you want a lighter mood. If readability matters, choose black.

Blur is the usual cause, because it spreads the light pixels into the dark ones. Lower the blur, export a PNG and view the file at 100% zoom. A JPEG can also add slight noise around the letters.

BratGen Free makes still images, not video. You can export white text on black as a 9:16 PNG and use it in a video editor. Video export is not available in the tool.

The WCAG guideline asks for at least 4.5:1 for normal text and 3:1 for large text. White on black and white on blue pass. White on brat green fails both.

It is most often described as dark text on green. A few sites describe it as white, so sources disagree. If you want the classic look, use black on green.

Off-white is softer and less harsh on a screen. Pure white is brighter and simpler. Both give strong contrast with black text. Try #F5F5F0 in the custom hex field and compare.

Use 9:16 at 1080 × 1920 for vertical video and stories. Leave space at the top and bottom, where app buttons and captions sit. Use 1:1 for feed posts and profile pictures.

One to four short words. White text has less impact than black on green, so short phrases hold up better than long ones.

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.