Subtitle Colors That Stay Readable on Any Footage

The background keeps changing

On a printed page, text sits on one colour you chose. In video it sits on whatever the camera saw: a white shirt, then a night sky, then a sunlit window. Any single text colour will match some part of some shot. Contrast in subtitles therefore comes from two layers working together: a text colour that is very light, or very dark, and an edge or box in the opposite tone that travels with the letters.

That is why the familiar conventions look the way they do. White with a black outline, white on a dark box, yellow on black: each pairs a light fill with a dark surround, so the letter shapes stay visible whatever passes behind them.

Web accessibility guidance (WCAG) asks for a contrast ratio of at least 4.5:1 between normal-sized text and its background. Over raw footage you can't promise any ratio, but a solid box lets you: white or yellow on a black box clears it comfortably. For the wider readability picture, including size and how players draw captions, the subtitle readability guide is the companion to this page.

Fills that work, and why

White

The default for good reason. Neutral, it matches any grade, and with a dark outline or box it holds up everywhere except over pure white with no edge.

Off-white or cream

Warmer and softer than pure white, with less glare in dark scenes. The Cinema preset uses a warm off-white.

Yellow

Stands out against skin, skies and white walls where white text gets lost, and is closely tied to accessibility and older broadcast subtitling. Why subtitles are often yellow tells that story.

Black or near-black

Only on a light box. The Social Media preset puts dark text on an almost-white rounded box, a look common on short-form apps.

Saturated brand colours

Risky as the fill for every line. Better on the box, or saved for a word of emphasis.

Colours to keep off the text

Pure red and pure blue are the classic offenders. Most video stores colour detail at a lower resolution than brightness, a standard space-saving step in H.264 and similar formats. Thin, saturated coloured letters therefore pick up soft, smeared edges once the video is encoded, and at subtitle sizes that blur is very noticeable. Red on a dark background also has low perceived brightness, so it looks dim on screen even when it seemed vivid in the colour picker.

Mid-tones are the quieter trap. Grey, pastel or mid-blue text shares its lightness with much of the footage underneath, which leaves the outline doing all the work. If you love a pastel, set it on a dark box.

Avoid using colour alone to carry meaning, such as green for one speaker and orange for another. Viewers with colour vision deficiency may not tell the hues apart, and in this editor one style covers every line anyway, so a speaker name or a dialogue dash in the text is the reliable alternative.

Bringing in a brand colour safely

Brand guidelines often hand you a mid-tone, a teal or a coral, that is lovely in a logo and weak as subtitle text. Three ways to use it without hurting readability:

• Brand-coloured box, white text. Choose Box or Rounded, enter the brand hex as the Background colour and keep its opacity high. If the brand colour is light, switch the text to near-black.
• Brand-coloured outline. A thick outline in a dark brand shade such as navy, burgundy or forest green keeps white text readable and ties it quietly to the brand.
• Brand-coloured text on a dark box. Works for bright brand colours like yellow, orange or lime; check it on both the darkest and the lightest shots.

Type the exact hex code into the field beside each swatch rather than eyeballing it with the picker, so the subtitles match the rest of your graphics. For keeping a house look consistent across a series of client videos, see professional captions.

Opacity, the control most people skip

Each colour in the Style tab has its own opacity slider, and each one does a different job.

• Text: leave it at full. Translucent letters look faded and are the first thing to lose contrast.
• Box: the main dial between legibility and seeing the picture. Somewhere around 60 to 80 per cent is a common range; the YouTube preset sits near 75 and High Contrast at 100.
• Outline: full in almost every case. A half-transparent outline looks softer but stops protecting the letters.
• Shadow: higher for a gentle lift on light footage, lower once the shadow starts to look like a smudge.

Set box opacity while the brightest shot in the video is on screen, not whichever shot happens to come first.

Changing the colours in the editor

1. Open the editor, load the video and get your subtitles in with AI, an imported SRT or VTT, or by typing.
2. Go to the Style tab and pick the preset nearest the look you want, so you start from colours that already work together.
3. Under Colours, click the Text swatch to choose a colour, or type a six-digit hex code into the field next to it.
4. Set the Outline, Background and Shadow colours the same way. Background appears only when the background type is Box or Rounded, and Outline and Shadow only when the type isn't None.
5. Drag each opacity slider while the video plays across a bright shot and a dark one.
6. Scrub through the whole video, then click Render video and download the MP4.

The preview is painted by the same drawing code as the export, so the colours you approve are the ones in the file. Exported SRT and VTT subtitles carry no colour at all; a player showing them applies its own settings.

Final colour checks

• Watch on a phone at everyday brightness, not only on a desktop monitor.
• Find the brightest frame, such as snow, sky, a white wall or a screen recording, and check every letter is still crisp.
• Find the darkest frame and make sure dark text or a dark box edge hasn't vanished into the black.
• If the source is HDR, the rendered copy comes out in standard dynamic range, so judge contrast on the output rather than the original.
• Ask someone who hasn't seen the video to read three lines aloud without pausing.

If a colour fails one of these, the fix is usually a stronger edge rather than a new hue; outline, shadow or box compares the options, and the AI subtitle generator is there if you still need the text itself.

About the subtitle editor on this page

Opens

MP4, MOV, M4V, WebM, MKV videos your browser can decode

Subtitles from

AI (from the speech, optionally translated into one of 21 languages), an SRT or VTT file, or typing them in

You download

An MP4 with the subtitles drawn into the picture at the original resolution and frame rate, plus SRT and VTT files

Cost

Editing, styling, rendering and SRT/VTT export are free, with no account and no watermark. AI subtitles cost 1 credit per minute (5-credit minimum per video); signing in with Google gives 100 free credits and accounts get 10 free credits a day

Privacy

The video never leaves your device and is rendered in your browser. Only for AI subtitles is the audio sent, over HTTPS, and it is deleted within 30 minutes of delivery

Rendering needs

Chrome or Edge 94+, Safari 16.4+, or Firefox 130+ on a computer. Editing and SRT/VTT export work in any current browser