开发者工具
取色与颜色对比
支持 HEX（#RGB／#RRGGBB）、rgb(0–255, 0–255, 0–255) 或 hsl(0–360, 0–100%, 0–100%)。
单张 JPEG／PNG／WebP · 8 MB／4 MP／4096px
普通文字
大号粗体文字
#356A47rgb(53, 106, 71)hsl(140.4, 33.3%, 31.2%)输入色值或选择图片。
图片与色值仅在当前浏览器处理，不上传或保存。
使用说明与常见问题
点击本地图片取色，或直接输入色值，复制 HEX、RGB、HSL；预览前景与背景，检查 WCAG 2 文字对比度，图片无需上传。
使用步骤
- 输入前景与背景色，或选择图片。
- 点击像素取色，也可用方向键或精确坐标。
- 检查对比度后复制色值或下载报告。
颜色与对比度范围
支持 #RGB、#RRGGBB、整数通道的 rgb(r, g, b)，以及 hsl(h, s%, l%)；色相为 0–360，百分比为 0–100。输入颜色为不透明 sRGB。HSL 显示四舍五入至一位小数，HEX／RGB 保留精确的 8 位色值。浏览器解码与 Canvas 提供 sRGB 像素取样，不承诺 ICC 校色或印刷打样。
按 WCAG 2 的线性化 sRGB 相对亮度计算。普通文字 AA 为 4.5:1，大号文字 AA 为 3:1，普通文字 AAA 为 7:1。大号文字指至少 18pt，或至少 14pt 粗体。是否通过使用未舍入比值，显示值经过舍入；这里只检查一对颜色，不代表整页符合无障碍规范。
单张静态 JPEG／PNG／WebP，最多 8 MB、4 MP、单边 4096px；先校验格式与尺寸，再按方向解码。不上传、持久保存或访问图片网址。替换、移除或离页释放像素；编辑使报告任务与 URL 失效，检查点预算为 45 秒。
常见问题
透明像素可以直接当作不透明文字色吗？
透明像素的显示取决于背景。取样后先与所选背景色合成，再计算对比度；完全透明像素中隐藏的 RGB 不作为可见颜色。