在设计过程的早期使用色盲Colorlab选择安全的颜色。在此了解色盲的更多信息维基百科条目.
此工具仍在开发中，但反馈欢迎在我们工作时使用。
如果只使用一个过滤器，请使用灰度过滤器，它不仅可以指出潜在的问题区域，还可以让您更清楚地看到过滤器无法处理的区域。
改进
我们对色盲网页过滤器进行了以下改进。这些将自动应用于您的页面。
改进的图像过滤
图像过滤比HTML或CSS过滤需要更多的时间。如果你使用图像来传递信息或显示导航元素，那么之前你在第一次检查网页时就过滤了图像。在第一次检查之后，除非对图像（或其背景/前景）进行了更改，否则禁用图像过滤可能会节省时间。我们对性能进行了重大改进惊人的速度增长.
改进的非GIF图像滤波
以前，我们只过滤GIF图像。这意味着在处理非GIF图像之前，必须先将其转换为GIF格式。这在某些情况下会导致图像质量下降，在大多数情况下会影响性能。您可能想通过禁用非GIF图像的过滤来降低性能。优化后，您将看到速度和质量显著提高.
改进的样式表
我们的CSS过滤并不完美，但确实如此许多的优于我们对客户端脚本的过滤。如果您的页面仍然是有问题的异常之一，请创建一个不使用CSS（或使用更简单的CSS）的版本来演示等效的网页着色。运行那个浏览我们的过滤器。
我们的徽标
如果您的页面符合以下标准，请在您的网站上使用此徽标（可在图和png公司格式）。您可以使用此服务器或本地副本中的徽标，但应在标记中包含以下HREF和ALT文本：
<a href=“https://www.toptal.com/designers/colorfilter网站“><img alt=”使用colorblind网页过滤器通过色盲眼查看您的网站。“src=”https://www.toptal.com/designers/colorfilter/static/colorfilter_button.png“width=”88“height=”31“></a>
在使用徽标之前，您需要验证以下内容：
在灰度覆盖测试下，页面呈现清晰
对于其他每个过滤测试所有文本前景/背景颜色对都保持不变（因为标记允许用户的浏览器首选项指定颜色）
或者将所有文本的前景色/背景色转换为覆盖色（因为标记同时设置了前景色和背景色以确保足够的对比度）
徽标基于轻松进行色觉测试筛选测试由开发露台L.Waggoner，O.D.，现经其许可使用。