How to Change the Highlight Color on Any Website

Learn how to use Helperbird's change the highlight color. Complete guide for improving web accessibility and reading support.

·

  • features

What is Highlight Color?

The highlight color feature turns on Helperbird's highlighter and lets you choose the color of your highlighter pen. When it is on, you can highlight text on any website, just like using a highlighter pen on paper. Your highlights are saved, so they are still there when you come back to the page later.

This is the permanent highlighter tool for annotating pages, not the temporary color you see while selecting text.


Who is This For?

This feature is helpful for:

  • Students who highlight important information while studying
  • People who want to mark key points on a page and find them again later
  • Anyone who takes notes while reading online
  • People with visual preferences for certain colors
  • Anyone who wants to personalize their browsing experience

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: Open 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 Colors

Look through the list of features until you see Colors.

It has a yellow icon with a paint palette on it.

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


Step 4: Open the Colors Panel

Click the arrow button on the Colors row to open it.

A panel will appear with a list of color options: Text color, Link color, Background color, and Highlight color.

The Colors panel open in the Helperbird popup, showing the Highlight color control


Step 5: Turn on Highlight Color

Scroll down to Highlight color at the bottom of the panel.

Click the toggle switch next to it to turn it on. The toggle will turn green when it is enabled.

The Highlight color toggle switched on in the Helperbird popup


Step 6: Choose Your Color

Once Highlight color is turned on, a color palette will appear below the toggle.

Click on any color to select it. This sets the color of your highlighter pen.

Tip: Choose a color that contrasts well with the text and background colors you are using. A bright yellow or light green often works well for most backgrounds.

The Highlight color options shown after the toggle is switched on


Step 7: Start Highlighting

Highlighting text needs a second feature switched on: the Highlight Menu, which is off to start with. Without it, selecting text does nothing and this step will seem broken.

Turn it on in All Features first. See how to use the highlight menu.

With it on, select the text you want on any web page. A small menu appears above your selection. Choose the highlighter and pick a colour: blue, green, red, yellow, grey or purple.

Your highlights stay on the page when you come back to it, and clicking a highlight opens it in Helperbird Notes.


Video Tutorial


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.

What People Are Saying

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

Awesome! I don't suffer fatigue when I use this extension. Highly Recommended

G OA

G OA

Helperbird user

Love this extension works beautifully overall.

Pauline Olsen

Pauline Olsen

Helperbird user

It's been a great help. Im very happy I made the switch.

Gregory Arnold

Gregory Arnold

Helperbird user

Great features on the free side.

bookmouse

bookmouse

Helperbird user

The update fixed opening issue of the app!! Tip: the Helperbird app, the width can be changed.

Firefox user

Firefox user

Helperbird user

It's just a one-stop solution if I want to customize my page. With very good UI design.

g2.com review

g2.com review

Verified User in Design

Helperbird logo: Stylized owl with large yellow eyes and a beige face, against a green background.

Download Helperbird

Make browsing easier and more accessible with tools like Text to Speech, Immersive Reader, and more.