🎨 Color Contrast Checker

Check whether text is readable by computing the WCAG 2.1 contrast ratio between a foreground and background colour and judging AA/AAA.

📐 计算公式 / 原理

CR = (L1 + 0.05) / (L2 + 0.05)，L 为 WCAG 相对亮度（按 sRGB gamma 校正）

基于 WCAG 2.1 无障碍标准：对比度比值为两色相对亮度（含 0.05 常数项）之比，范围 1:1 至 21:1；据此判定文字是否达到 AA / AAA 可读性要求。

前景色（Hex）

背景色（Hex）

文字类型

📚 深度解析：颜色对比度检查（WCAG）

检测深紫底白字

输入：文字 #FFFFFF、背景 #7C3AED。处理：算相对亮度差得对比度。输出：对比度约 5.9:1，AA/AAA 普通文本通过。

大文本阈值？: ≥18.66px 粗体或 ≥24px 普通文本，AA 只需 ≥3:1。结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。
两种色对比度不够会提示吗？: 会按 WCAG 算出对比度值与等级，未达标会标红提醒，便于及时换色或调深。
会保存或上传我的内容吗？: 结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。

⚠️ 使用说明与注意事项