🎨 颜色对比度检测器
实时检测前景与背景色的 WCAG 对比度，支持 HEX/RGB/HSL
🔍 颜色输入
对比度
--
普通文本 AA
--
大文本 AA
--
普通文本 AAA
--
大文本 AAA
--
📐 使用说明与演算示例
WCAG 对比度公式
相对亮度 L = 0.2126×R + 0.7152×G + 0.0722×B
（R、G、B 须先经过 sRGB 线性化）
对比度 = (L_较亮 + 0.05) ÷ (L_较暗 + 0.05)
（R、G、B 须先经过 sRGB 线性化）
对比度 = (L_较亮 + 0.05) ÷ (L_较暗 + 0.05)
演算示例：黑 (#0a0a0a) 与白 (#ffffff)
R=10, G=10, B=10 (0a=10)
线性化：R/255 ≈ 0.0392，因 ≤ 0.03928，除以 12.92 ≈ 0.00304
同理 G、B。L_黑 = 0.2126×0.00304 + 0.7152×0.00304 + 0.0722×0.00304 ≈ 0.00304
白 (255,255,255) 线性化 ≈ 1。L_白 = 1
对比度 = (1 + 0.05) ÷ (0.00304 + 0.05) ≈ 19.82:1
* 实际计算器使用精确浮点数，结果可能略有差异。
线性化：R/255 ≈ 0.0392，因 ≤ 0.03928，除以 12.92 ≈ 0.00304
同理 G、B。L_黑 = 0.2126×0.00304 + 0.7152×0.00304 + 0.0722×0.00304 ≈ 0.00304
白 (255,255,255) 线性化 ≈ 1。L_白 = 1
对比度 = (1 + 0.05) ÷ (0.00304 + 0.05) ≈ 19.82:1
* 实际计算器使用精确浮点数，结果可能略有差异。
💡 支持哪些颜色格式？
本工具支持 HEX（如 #3b82f6、#3b82f680）、RGB（如 rgb(59,130,246)）、HSL（如 hsl(217,91%,60%)）三种格式。可以直接粘贴设计稿中的颜色值，无需手动转换。
💡 什么是对比度评分标准？
WCAG 2.1 规定：AA 级——普通文本对比度 ≥ 4.5:1，大文本（≥18pt 或 ≥14pt 粗体）≥ 3:1。AAA 级——普通文本 ≥ 7:1，大文本 ≥ 4.5:1。网页内容通常以 AA 级为最低无障碍要求。
💡 如何提高对比度？
如果对比度不足，可以将文本颜色加深（如从灰色改为黑色），或将背景色提亮。使用 HSL 格式时，只需降低/提高亮度（L 值）即可快速调整。本网站的颜色转换器可以帮你在不同格式间切换。
💡 透明度和半透明颜色怎么处理？
如果输入包含透明度的颜色（如 #3b82f680 或 rgba(59,130,246,0.5)），工具会假定背景为纯白色进行混合计算，给出"等效不透明色"的对比度。更精确的评估请使用浏览器的开发者工具。