CONTRAST / CHECK

它解决什么

“这个颜色看起来不错”并不等于所有人都能看清。对比度检查把主观判断变成一个可以在设计阶段快速验证的结果。

里面可以做什么

• 输入或选择前景色、背景色。
• 查看普通正文、大字号文字和 UI 控件的结果。
• 交换颜色、随机尝试配色，或点击预设色组。

技术取舍

规则参考 Color Contrast Checker，实现保持为单文件静态 Demo。亮度计算在浏览器内完成，适合放进设计系统和组件开发流程。

结果

它让“可读性”成为一个设计决策，而不是上线后才被发现的修复任务。