颜色对比度检测 — 免费在线工具

颜色对比度检测是 CintaBox 芯塔盒在线工具箱提供的免费在线工具：输入前景色与背景色，算出对比度比（1:1 ~ 21:1），并判定是否符合 WCAG 无障碍标准（AA / AAA、正常 / 大文本、UI 组件），实时预览文字可读性。前端开发、UI 设计、可访问性必备。全部在你本机完成、不上传服务器。 ⛔ v0.2 显示与判定自洽：比值显示原来用四舍五入、判定用原始值 ——`#959595` 配白底真实是 **2.995346**，四舍五入正好显示成 **3.00:1**，而「AA 大文本 ≥3」判**不达标**；扫 256 级灰阶 × 黑白底就能找到 4 组这样的颜色。现在显示**向下截断**，「显示 ≥ 阈值」与「判定通过」永远同真同假（这条写成了结构不变式断言，改回四舍五入立刻红）。同轮加了**字号与粗细输入** —— 工具原来只把四枚徽章摆出来，而用户并不知道自己那段文字算不算大文本，这正好决定他该看 4.5 还是 3；现在直接给结论：适用哪条阈值、达没达标、**还差多少**（按显示值算，免得出现「显示 2.99、还差 0.00」）。大文本口径写进引擎并附出处：≥18pt 或 ≥14pt 粗体（WCAG 2.1 定义），CSS 像素约 24px / 18.5px。 ⭐ v0.3 对标 WebAIM：新增**前景不透明度** —— 半透明前景要与背景合成之后再算，用户眼睛看到的是合成色，拿原色算出来的比值屏幕上根本不存在；⛔ 合成按 CSS 的做法在 **sRGB 值上直接混**（黑 50% 压白 = #808080），不是线性空间。新增**建议色**：不达标时直接给「把前景调暗到 #767676（明度 58%→46%，4.54:1）」这样的可执行结论，前景与背景两条路都给，只动明度、保住色相与饱和度；⛔ 真凑不出来时**明说无解**（换色相或换配色），不返回一个最接近但仍不达标的颜色让人以为改完就合规。⚠️ 对标时还撞见一处**权威源分歧**：「14pt 粗体 = 多少 CSS px」W3C Understanding 说 ≈ **18.5px**、WebAIM 说 ≈ **18.66px**，差的 0.16px 只影响落在 [18.5, 18.66) 的粗体字号 ——本工具跟规范源 W3C，但把另一个数摆在引擎里并在界面上标出这段区间，而不是装作没有分歧。 ⭐⭐ v0.4 多格式输入与分享：颜色可以直接填 `rgb(51 102 153)`、`rgba(0,0,0,.6)`、`hsl(210 50% 40%)`（逗号与 CSS Color 4 的空格/斜杠写法都认，百分比也认），写法里自带的透明度优先于单独的输入框；⛔ **不认 CSS 颜色名** ——那是一张 148 项的表，与其半懂不懂地认十几个常见的，不如不认并说清楚。新增**分享直链**（只带你填的输入、不带任何结论，对方打开自己算一遍）与帮助弹窗；375px 实测无横向溢出。Node selfTest 26 → **81/0**，三轮变异 9+8+8 条全红。

⭐ **批量配色检测**：每行前景色与背景色，可带名称；支持竖线或表格制表符分列，一次最多 200 组。支持半透明前景合成、逐行报错、原始行号、预览与 AA / AAA / UI 各项判定，结果可导出 CSV。半透明背景需明确底色，暂不接受。

⭐ **按场景筛出待修改配色**：可选 AA 常规 / 大文本、AAA 常规 / 大文本、UI 组件场景，只看未通过及错误；切换场景即时更新统计与结果，高亮当前判定列。CSV 仅导出当前显示的行，并记录场景、门槛、判定和导出范围，便于整理修改清单。无需注册、无需安装软件，打开网页即可使用，处理全程在浏览器本机完成，文件不上传服务器。