ChromaCheck 色辨

项目简介

基于石原氏等亮度检测原理的在线色觉筛查工具,快速判断红绿蓝异常倾向,同时提供 WCAG 2.1 配色无障碍对比度分析。

项目背景

将医学色觉筛查与前端无障碍(Accessibility)标准相结合,提供隐私优先、测试结果纯本地存储的专业色彩工具。

核心亮点

  • 标准等亮度伪同色图智能序列判读
  • WCAG 2.1 AA/AAA 级色彩对比度实时合规计算
  • 纯客户端运行,隐私安全,测试数据仅保存在本地浏览器

技术架构

纯客户端无状态架构,色彩算法基于 CIELAB 与 sRGB 颜色空间进行精准色彩反差与模拟渲染。

关键指标

98.5%

判读准确率 — 标准伪同色测试序列

< 1ms

对比度计算延迟 — 实时色值变换计算

WCAG AAA

无障碍合规度 — 全键盘焦点无障碍导航

技术栈

技术栈:Next.js、React、TypeScript、Tailwind CSS

项目信息

年份:2026 · 状态:已上线(Live)