跳到主要内容
Color Contrast Checker

Color Contrast Checker EN

Paint Color Consultants · Firefox

Check WCAG color contrast ratios, pick colors from any page, and save accessible pairs.

27用户 v1.0.0当前版本

截图

  • Color Contrast Checker 截图
  • Color Contrast Checker 截图
  • Color Contrast Checker 截图

简介

Color Contrast Checker is a lightweight accessibility tool for checking WCAG color contrast ratios directly on any webpage. It features a clean two-column interface, requires no login, and has no paywalls.

Features:
* check contrast ratio between any two colors with real-time WCAG 2.1 results
* enter colors via HEX, RGB, or HSL with instant cross-format conversion
* see pass/fail status for AA Normal, AA Large, AAA Normal, and AAA Large levels
* live text preview showing both large and normal text on your chosen background
* pick text and background colors from any page element with one click
* use the eyedropper tool to sample any pixel color from screen
* swap foreground and background colors instantly
* save up to 50 color pairs locally for later reference
* get smart suggestions when contrast fails WCAG thresholds
* copy HEX values to clipboard with one click
* drag the widget anywhere on the page

How to use:
* install the extension from Web Store
* click the extension icon on any webpage to open the widget
* enter text and background colors in the Check tab using HEX, RGB, or HSL
* review the contrast ratio, WCAG results, and live preview
* use the Pick tab to extract colors from any element on the page
* save your accessible color pairs in the Saved tab

No data collection. No tracking. Works entirely offline and locally.

Try the web-based version

Color Contrast Checker 是做什么的

Color Contrast Checker 是一款面向 Firefox 的开发者工具类扩展,主要用来调试页面、查看样式与请求、测试接口、辅助前端开发。官方对它的介绍是:Check WCAG color contrast ratios, pick colors from any page, and save accessible pairs.在Firefox 附加组件商店(AMO)上,它当前版本 1.0.0,约 27 名用户。

适合什么人用

从功能定位看,Color Contrast Checker 更适合前端工程师、测试与需要经常查看页面结构的用户。如果你平时只是偶尔遇到相关需求,用浏览器自带功能也能凑合;但如果这件事每天都发生,装一个专门处理它的扩展通常比手动操作省事得多。

怎么安装 Color Contrast Checker

  1. 打开Firefox 附加组件商店(AMO)上的官方页面;
  2. 点「添加到浏览器」并确认权限提示;
  3. 装好后在扩展列表里固定图标,方便随时开关。

本站只做索引与介绍,安装包来自官方商店。如果商店页面提示当前地区不可用,说明该扩展未在你所在区域上架。

常见问题

Color Contrast Checker 是免费的吗?

Color Contrast Checker 在Firefox 附加组件商店(AMO)免费提供下载。它是浏览器扩展,装上就能直接用,不需要注册账号。

Color Contrast Checker 安全吗?

它只申请了 0 项权限,范围比较克制,没有申请「读取所有网站数据」这种大权限。

Color Contrast Checker 支持哪些浏览器?

当前收录的版本来自Firefox 附加组件商店(AMO),适用于 Firefox。同一个扩展在其他商店可能有对应版本,但功能与版本号不一定相同。

怎么卸载 Color Contrast Checker?

在扩展管理页找到 Color Contrast Checker,点移除即可。它在本地保存的设置会一起清掉,不会残留数据。

权限清单 来自 manifest.json 原文

接口权限 3

  • activeTab
  • scripting
  • storage