Contrast Checker

contrast-checker.glitch.me

一款检查元素背景与页面背景对比度的可访问性工具，帮助满足 WCAG 标准。

免费网页

被推荐 1 次

访问网站 ↗

适合做什么

适合设计师和开发者检查网页配色对比度，确保可访问性合规。

标签与属性

授权

免费

平台

网页

谁在推荐

@goabstract/Awesome-Design-Tools · awesome 列表出处 ↗

Contrast Checker — helps check the contrast between the background of an element and the page itself. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

同类推荐

配色工具

Coolors

极速配色方案生成器，按空格键即可生成配色，支持浏览千万配色、图片取色、对比度检查与 AI 配色。

免费

coolors.co5 处推荐详情

浏览器扩展

ColorZilla

Chrome 浏览器取色扩展，支持吸管取色、高级调色板、CSS 渐变生成与网页配色分析。

免费

chrome.google.com1 处推荐详情

配色工具

Adobe Color

Adobe 出品的在线配色工具，可浏览热门色板、从图片提取颜色并生成渐变。

免费+付费

color.adobe.com4 处推荐详情

浏览器扩展

ColorZilla

浏览器取色扩展，支持吸管取色、高级调色板、CSS 渐变生成与网页配色分析。

免费

addons.mozilla.org1 处推荐详情

配色工具

Colorable

免费的在线颜色对比度测试工具，可实时预览文字与背景配色并检查可访问性。

免费

colorable.jxnblk.com3 处推荐详情

配色工具

Leonardo

Adobe 开源配色工具，按 WCAG 对比度生成可访问的色板与主题，支持暗色模式与色盲安全。

开源后台数据可视化

leonardocolor.io1 处推荐详情