Colored overlays and visual stress

See it for yourself

Drag a tint over this text. Same controls as the extension: color, opacity, blend.

Reading should not be hard work. Good tools meet you where you are: they change the page instead of asking you to change. Try the controls and watch this paragraph respond — nothing you do here leaves your browser.

How it works

Softer light

A tint does two things at once. It lowers the overall brightness of the page, so less light reaches your eye — and it changes the mix of colors in that light. A blue tint lets less of the warm end through; a rose one trims the blue. For a reader who finds a bright white page glary, that dimming and rebalancing is the whole mechanism.

On screen, it is a layer

On paper, an overlay is a sheet of tinted plastic laid over the page. On screen, it is a translucent layer drawn on top of the text — which comes with controls plastic never had. You pick the color, set how strong the tint is, and choose how it blends with the page underneath. The demo above mirrors Helperbird's overlay feature, and its multiply blend is the setting that behaves like a real sheet of film.

The color is personal

One finding shows up again and again in this field: there is no single "reading color." The tint that calms one reader's page does nothing for the next. That is why the demo hands you a row of colors to work through rather than a recommendation — try each one on this page and trust your own eyes over any chart.

Where it came from

The idea was noticed twice, independently, on opposite sides of the world. In 1980, Olive Meares, a teacher in New Zealand, described readers who found print calmer and steadier with a colored sheet laid over it. In 1983, Helen Irlen, a psychologist in the United States, reported the same experience. Their names were joined into a label — Meares-Irlen syndrome — and what they were describing came to be called visual stress: glare, shimmer, letters that will not hold still.

The researcher who took it into the lab was Arnold Wilkins at the University of Essex. He built instruments to study it properly — including the Intuitive Colorimeter, a device that lets a reader tune the color of light until text feels most comfortable — and his work surfaced the field's most durable finding: the helpful color is individual. There is no one tint that works. There is, at most, your tint.

The plastic sheet has since made the jump to the screen. The demo above is the same object Meares described, redrawn in pixels — except now the color costs nothing to change, so trying five tints takes a minute instead of a shopping trip.

Who it helps — honestly

Start with the uncomfortable half, because you deserve it: a 2016 systematic review — linked in the sources below — found no reliable improvement in reading from overlays on average, and the theory of why a tint should help is still argued about. So let this be said plainly: a colored overlay is not a treatment for dyslexia, and nobody should sell you one as if it were.

And yet the comfort reports are real, and for some readers they are consistent: the glare eases, the page settles, reading stops feeling like staring into a lamp. Both things are true at once. Averages are not individuals, and a result a stopwatch cannot see can still be the difference between reading tonight and giving up.

So the honest advice comes in two parts. If white pages feel glary to you, a tint is about the cheapest experiment there is — the demo above costs a minute and nothing else, so run it on real text and keep a color only if one genuinely feels calmer. But if text shimmers, moves, or reading actually hurts, the sensible first step is an eye exam, not an overlay. This page is information, not medical advice.

Try it in Helperbird

Helperbird brings these tools to any website, PDF, or Google Doc — no copying text anywhere, and nothing you read leaves your browser.

Color overlay The same tint, color, and opacity controls, on any website or PDF.

Step-by-step: How to add an overlay to any website

Questions people ask

What color overlay is best for dyslexia?

There is no best color — studies find preferences are individual and can even change over time. The honest method is the one the demo uses: try several colors on real text and keep the one that feels calmer, if one does.

How do I use colored overlays for reading online?

On paper, people lay a tinted plastic sheet over the page. On screen, a tool like Helperbird draws the tint over the website itself, with the color and opacity under your control.

Do colored overlays work?

For some readers, the glare and swimming-text feeling they describe genuinely eases with a tint, and that comfort is real. Controlled research, though, has not found reliable reading-speed gains on average, and the underlying theory is disputed. Both halves of that picture are on this page.