How to Use Overlay & Tints on Websites

Overlay & Tints adds a colored filter over web pages to reduce glare and visual stress—especially helpful for people with dyslexia or Irlen Syndrome.


Step 1: Open Helperbird

Click the Helperbird owl icon in your browser toolbar to open the main dashboard.


Step 2: Go to Dyslexia Tools

In the list of tools, find Dyslexia Tools and click the open icon next to it. Then toggle Overlay on.


Step 3: Customize Overlay

In the Dyslexia Tools panel:

  1. Click the Settings tab.
  2. Adjust the Brigtness slider to control the brightness of the overlay.
  3. Choose a Color from the palette that feels comfortable for your eyes.

Tip: Try softer colors like light blue or beige to reduce glare without making text harder to read.


Video Tutorial


Need Additional Help?

If you run into issues or want to learn more about Helperbird's reading tools, visit our Help Center or reach out to our support team. We're always happy to help make reading easier.

"After using Helperbird I can't say enough positive things about it. This extension has truly transformed my online reading experience. Whether it's adjusting font sizes, reducing eye strain with the gray filter, or using the dyslexia-friendly fonts, Helperbird offers a range of features that cater to individual preferences and needs. The customizable color options and text alignment have also been incredibly helpful for personalizing my browsing. And the speed reading feature? It's a game-changer! Overall, Helperbird is a versatile, user-friendly tool that enhances accessibility and makes online reading a breeze. Highly recommended!"

Charlie Nishelle Calkins
Helperbird Pro user
Helperbird logo: Stylized owl with large yellow eyes and a beige face, against a green background.

Download Helperbird!

Want to make browsing easier and more accessible? Helperbird has everything you need! With tools like Text to Speech , Immersive Reader , and more.