Firefox Browser Add-ons
  • Extensions
  • Themes
    • for Firefox
    • Dictionaries & Language Packs
    • Other Browser Sites
    • Add-ons for Android
Log in
Preview of Spyglass Contrast Checker

Spyglass Contrast Checker by Deneb

A tool for checking and fixing color contrast on web pages

0 (0 reviews)0 (0 reviews)
Download Firefox and get the extension
Download file

Extension Metadata

Screenshots
Select an element in either standard or hovered-state to find out the contrast ratio.Find the nearest color the meets contrast ratio requirements and easily copy the hex code for it.Tweak colors by increasing or decreasing red, green, or blue hues to find the color that best fits the brand, and still meets contrast requirements.Analyze the range of contrasts overlay text has over a simple color gradient.Aalyze the rage of contrasts overlay text has over a complex image background.
About this extension
Spyglass is a contrast analysis tool that runs as a floating overlay on any webpage. Click the extension icon, then use the Element Picker to instantly capture foreground and background colors from any element — including hover states. Spyglass supports both WCAG 2.x contrast ratios and the APCA (Advanced Perceptual Contrast Algorithm) used in WCAG 3, letting you evaluate color pairs against the standard that matters for your project.

For text rendered over images or gradients, the Overlay Picker performs pixel-level analysis across the full text region, reporting a min/max contrast range rather than a single value.

Features:
— Element Picker with resting and hover state modes
— Overlay Picker with pixel-level contrast sampling for images and gradients
— WCAG and APCA algorithm toggle
— Live color tweak controls with suggested passing alternatives
— Preview pane showing your color pair at normal and large text sizes
— AA and AAA pass/fail grid
— Drag-and-drop positioning
— Works on any webpage without sending data anywhere

No accounts. No telemetry. No external requests. All analysis runs locally in the browser.
Rated 0 by 0 reviewers
Log in to rate this extension
There are no ratings yet

Star rating saved

5
0
4
0
3
0
2
0
1
0
No reviews yet
Permissions and data

Required permissions:

  • Access browser tabs
  • Access your data for all websites

Data collection:

  • The developer says this extension doesn't require data collection.
Learn more
More information
Add-on Links
  • Homepage
  • Support site
  • Support Email
Version
1.0.0
Size
39.55 KB
Last updated
16 days ago (Feb 26, 2026)
Related Categories
  • Web Development
  • Appearance
License
MIT License
Version History
  • See all versions
Add to collection
Report this add-on
Go to Mozilla's homepage

Add-ons

  • About
  • Firefox Add-ons Blog
  • Extension Workshop
  • Developer Hub
  • Developer Policies
  • Community Blog
  • Forum
  • Report a bug
  • Review Guide

Browsers

  • Desktop
  • Mobile
  • Enterprise

Products

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Privacy
  • Cookies
  • Legal

Except where otherwise noted, content on this site is licensed under the Creative Commons Attribution Share-Alike License v3.0 or any later version.