设计稿无障碍配色预检
把界面截图过一遍三型色觉近似矩阵,看红绿信息是否还能区分。
使用指南
色觉页包含“挑战”和“模拟器”。挑战共 16 题,红绿系与蓝黄系各 8 题,图案由程序在 Canvas 本地生成;模拟器读取你上传的图片,最长边缩到不超过 720px,再分别应用三型色盲 RGB 近似矩阵和原图输出 PNG。
更新于 2026-09-27约 1 分钟读完
图片模拟不会上传:原图先绘制到 Canvas,再对像素矩阵变换;输出使用本地 data: PNG。
把界面截图过一遍三型色觉近似矩阵,看红绿信息是否还能区分。
对着同一张图切换原图与模拟结果,直观感受色觉差异。
16 题红绿与蓝黄图案按正确率分别统计,适合科普演示。
不能,应由眼科在标准条件下检查。
测试答案和上传图片只在浏览器本地处理,不发送服务器。医疗判断请以专业检查为准。
更新于 2026-09-27
程序生成色觉挑战图 + 三型色盲视角图片模拟(娱乐参考)
共 16 题:红绿系与蓝黄系混淆色各 8 题。每张图由程序随机生成, 圆点中藏着一个两位数,请选出你看到的数字。
建议:屏幕亮度调至 70% 以上,关闭护眼 / 夜间模式,距屏幕约 60cm。