Skip to main content

How to Adjust Color Saturation on Any Website

Learn how to use Helperbird's adjust color saturation. Complete guide for improving web accessibility and reading support.

·

  • features
  • accessibility

What is Saturation?

Saturation controls how vivid or muted the colors appear on a website. You can reduce saturation to make colors less intense, or even turn a page completely grayscale (black and white). This can help reduce visual distractions and make reading easier.


Who is This For?

This feature is helpful for:

  • People who find bright colors distracting or overwhelming
  • Anyone with light sensitivity or visual processing difficulties
  • People who want to reduce eye strain while reading
  • Anyone who prefers a simpler, less colorful display
  • People with certain types of color blindness who find grayscale easier

Step 1: Open Helperbird

Click the Helperbird icon in your browser toolbar. It looks like a small owl and is usually in the top-right corner of your browser.

This will open the Helperbird menu.

The Helperbird popup with Helperbird switched on, showing the quick actions grid and the All Features button


Step 2: Go to the All Features Section

Scroll down to the bottom of the Helperbird menu. You will see a section called All Features.

Click the arrow next to All Features to expand it and show all available features.

The All Features list in the Helperbird popup, showing every feature in alphabetical order


Step 3: Find Display

Look through the list of features until you see Display. Saturation lives inside this panel, alongside the other display settings.

The All Features list scrolled to show the Display row and its Open button


Step 4: Open Display

Click Open on the Display row. The panel holds High contrast, Highlight links, Saturation, Cursor size and Magnifier.

The Display panel open in the Helperbird popup, showing the Saturation control


Step 5: Turn on Saturation

In the Display options panel, find Saturation and click the toggle switch next to it to turn it on.

The Saturation toggle switched on in the Helperbird popup


Step 6: Adjust the Level

Once Saturation is turned on, a slider will appear below the toggle.

Drag the slider to adjust the saturation level:

  • Slide to the left to reduce color intensity (more grayscale)
  • Slide to the right to increase color vibrancy

You can also use the - and + buttons beside the slider for small adjustments. The current value is shown in a bubble above the slider.

The changes apply to the page immediately so you can see the effect in real time.

Tip: If you find colorful websites overwhelming, try reducing saturation to around 50% for a calmer reading experience. Set it to 0% for a fully grayscale page.

The Saturation options shown after the toggle is switched on


Need Additional Help?

If you have any questions or run into any issues, please contact the Helperbird support team. You can reach us at Helperbird support. We are happy to help you get the most out of Helperbird.

Printed from the Helperbird Help Center · Updated August 13th, 2026

Questions? We are happy to help — helperbird.com/support

Reviews from the Chrome Web Store, Firefox Add-ons and G2

Join over 1,000,000 people who use Helperbird every day.

I really liked the ease of setting up and also accessing the tool while you are on chrome. I had no trouble, and within a week found myself using it without even noticing.
Daniel C.Account Executive

an absolute lifesaver

This extension has been an absolute lifesaver. I have that fantastic combo of ADHD and Dyslexia while trying to go through college. I have difficulty keeping letters in order, seeing the gaps between words, and with ADHD on top, I lose focus A LOT. The immersive reader has been my new best friend. It drowns out the rest of the content on the page, changes the font to something I can read, and highlights the word as it reads to me. My eyes are forced to keep going in the right direction. I can slow down and pay attention to what I'm reading. I don't even have to go back and read the same paragraph 5 times to understand it! The screen overlay has been outstanding for eye strain and being able to distinguish between words and spaces. The custom font and spacing for research articles have been an enormous advantage! I can actually read the research papers now and not have this daunting 2 column fine print page to squint over.All around, this has been the best purchase I've ever had. I use this every day, with every assignment. I don't even struggle with story-based questions anymore. The immersive reader helps me read, listen, and understand the question all at once. I am still exploring what I can use this with and how it can make my academic career, and I keep getting impressed with every new way I find to use it. Seriously, try it out. You won't regret it at all. Even if you don't have dyslexia or ADHD, just try it out. You might find that it helps you understand the content you're trying to learn even better!
Mason HunterHelperbird user
A great working immersive reader extension! Great job
Aaron FlushChrome user
Helperbird logo: a stylized owl with large round yellow eyes and a beige face.

Download Helperbird

Text to speech, dyslexia fonts, reading rulers, color overlays, and 43 more.

Free to add, and the everyday tools stay free. Works in Chrome, Edge, Firefox and Safari.