这个工具有问题吗？
关于「Color Blindness CSS Reference Online」
该工具生成 CSS 参考，用于为有色觉缺陷的用户设计无障碍配色方案。它显示颜色在不同类型色盲（红色盲、绿色盲、蓝色盲、全色盲）下的外观，并建议更安全的替代方案。
大约 8% 的男性和 0.5% 的女性有某种形式的色觉缺陷。仅为完整色觉设计会将他们排除在外——使用安全的颜色对，不仅依赖颜色（同时使用形状、文本或图案）让您的设计适合所有人。
使用它测试品牌调色板、审计现有设计的可访问性问题，或了解哪些颜色对有问题以便在未来的设计中避免它们。
如何使用这个工具
如何获取色盲模拟用的 CSS filter 片段
无需输入直接运行
本工具没有输入字段——直接点 Run。它返回一段可直接粘贴的 CSS（无需其他配置）。
你会得到什么
结果只有 `css`，包含三个 filter 类：`.cb-protanopia`、`.cb-deuteranopia`、`.cb-tritanopia`。每个都用一个 SVG `feColorMatrix` 矩阵近似一种色觉缺陷。
怎么用
把相应类加到 `body`（或外层容器）上，即可预览大约 8% 红绿色盲男性，或更小比例蓝黄色盲用户看到的样子。也可以从 devtools 切换该类——无需重建。
局限
这些是线性近似；真实色觉更复杂。Sim Daltonism（macOS）或 Coblis 使用更好的模型。务必同时做 WCAG 对比度校验（用 wcag-contrast-checker-online）——颜色不应单独承担信息。