Use different colors to categorize and organize your highlights. Yellow for important points, green for definitions, pink for questions, blue for examples — build a color-coding system that fits your workflow. The color palette helps you visually organize information and quickly identify different types of content.
Key Benefits
- Five colors and four brush sizes
- Visual categorization
- Consistent color schemes
- Quick color switching
- Customizable organization system
Use Cases
- Color-coding study materials
- Categorizing research findings
- Visual information hierarchy
- Content type distinction
- Priority marking
Updated
Five colors, every tool
The palette has five colors: yellow, pink, blue, green and orange. The same five apply to every tool, so a highlight, a sticky note, a text box, a drawing, an arrow and a shape can all share one color. The active color is set once and used by whatever tool you pick next; change it any time from the toolbar. In drawing mode, pink is rendered as a warm red so strokes stay visible over the page.
Four sizes
Next to the colors, a size picker offers four steps, S to XL. For sticky notes and text boxes it sets the font size; for the pen, arrows and shapes it sets the stroke width. Both color and size can be changed after the fact: select an existing annotation and pick a new value.
Using color as a legend
Five colors are enough for a legend that a whole team reads at a glance: yellow for what matters most, pink for what is broken, blue for questions, green for approved, orange for content changes. Because the colors are the same on every page and in every screenshot, the legend keeps working outside Highlite, in the Slack thread or the ticket where the screenshot ends up.
What color palette does not do
- The palette is fixed at five colors. There is no custom color, no hex input, and no opacity setting.
- Colors carry no built-in meaning: there are no labels, tags or filters attached to a color. The legend lives in your head or in your team conventions.
- The four sizes are steps, not a free value. Font sizes and stroke widths cannot be set to an arbitrary number.
Explore Other Features
Sharing & export
Copy annotated screenshots to your clipboard or export them, then share with your team. Nothing leaves your browser until you decide.
Text annotations
Place a text box anywhere on a page and type your comment next to the element it is about. Five colors, four sizes, stored only in your browser.
Text highlighting
Select any text on a webpage and highlight it with five colors. Highlights persist across sessions and stay 100% private in your browser.
Guides from the blog
How to Draw and Highlight on Any Web Page
Sometimes you just want to scribble on a web page — circle a thing, highlight a line, draw an arrow. Here's how to draw and highlight on any page, free.
How to Highlight & Save Text on Any Website (Free)
You highlighted a paragraph that mattered. The page reloads — it's gone. Here's how to actually save the text you highlight on any website.