14个评估设计色彩的绝妙工具

WebFX总裁。Bill在互联网营销行业有超过25年的经验,擅长SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

确保你选择了合适的设计的颜色对于可读性非常重要。此外,当考虑到网页的可访问性时,确保你选择的颜色是视觉缺陷(如色盲)的人可以看到的,这是一个很好的实践。在本文中,您将了解到优秀的免费工具用于检查您使用的颜色是否符合标准颜色对比、亮度、可读性和可访问性最佳实践。

1.检查我的颜色

检查我的颜色检查我的颜色是一个基于web的工具,用于检查网站的前景和背景颜色。它会根据W3C推荐的WCAG检查所有堆叠的网页元素光度对比度而且颜色的亮度.它很容易使用:只需插入你的网页的URL,按“检查!”,它将为所有元素输出一个漂亮的表格式报告。

2.颜色甲骨文

颜色甲骨文颜色甲骨文是一款可用于Mac、Windows和Linux操作系统的桌面工具:它可以模拟色觉缺陷。该工具的创建者在他们的网站上也有一个设计提示部分,分享了一些有用的白皮书,关于颜色的可访问性。注意,Windows和Linux用户需要Java 6

3.色彩对比可视化器

色彩对比可视化器此工具是一个Adobe AIR桌面应用程序,用于可视化适当的颜色组合。这是一个很好的工具来选择你的网站调色板。如果你关心网页的可访问性,在项目的设计阶段使用这个工具是个好主意。

4.无障碍色轮

无障碍色轮这个工具是一种试验各种颜色组合的方便方法:它帮助您快速想象配色方案是什么样子的。要测试和调整颜色选择,只需在色轮上移动鼠标并评估可读性。在该工具的网页底部,你会看到对特定形式色盲的模拟。

5.GrayBit

GrayBit检查设计是否有足够的颜色对比的一种方法是将其转换为灰度,看看哪些部分难以阅读。使用GrayBit将网页转换为灰度;它甚至可以转换网页上的图片。这是一个很好的工具来可视化网页设计的颜色对比和可读性。

6.Vischeck

VischeckVischeck模拟色盲者眼中的事物。它有几个使用选项:你可以在网页上运行它,上传一个图片文件(比如设计模型),或者下载一个ps插件进行本地测试。Vischeck的示例页面清楚地解释了该工具如何与演示一起工作,以突出显示它所评估的内容。

7.光度对比度分析仪

光度对比度分析仪这个基于桌面的工具由Web Accessibility Tools Consortium (watt - c)开发,旨在检查颜色组合,以确定它们是否提供了令人满意的颜色可见性。该应用程序需要Windows操作系统,它只在2000和XP上测试过。

8.Sim色盲

Sim色盲Sim色盲是Mac OS x的视觉缺陷模拟器。该工具允许您模拟八种支持的色盲条件中的一种,如Monochromacy而且红色盲(重色条件)。请注意Sim Daltonism需要Mac OS X 10.2.8(或更高版本)。

9.颜色对比分析仪

颜色对比分析仪此Firefox插件由多汁的工作室允许您方便地检查网页上文本DOM节点的颜色。它是一个很好的工具,可以在测试工作时添加到您的开发工作流中。它也很适合检查其他网站的颜色对比。

10.颜色实验室

颜色实验室这个简单的网络工具可以让你发现颜色组合,以及它们对色盲患者来说是什么样子的。颜色实验室非常容易使用,只需要三个基本步骤,所有这些都在他们的快速入门指南

11.AccessColor

AccessColorAccessColor是一个检查前景色文字到背景色的颜色对比和颜色亮度的网络工具。您只需将您的网页的网址放入其中,选择是否要查看唯一的错误或者一个完整的报告,按“检查!”,然后输出一个漂亮的结果表。

12.颜色对比分析仪

颜色对比分析仪此桌面应用程序(适用于Windows XP和Vista)是为检查您的前景和背景色组合的颜色对比和亮度而设计的。网站上有一个用户指南,可以帮助你快速上手,还有多种语言的下载。

13.颜色对比验证工具

颜色对比验证工具惠普在其网站上有一个简单的网络工具,用来评估两种颜色的颜色对比特征。您使用颜色的RGB值作为输入,它将输出您的值的亮度和色差,以及组合是否符合W3C/WCAG的建议。

14.光度色彩对比度分析仪

光度色彩对比度分析仪Juicy Studio有一个漂亮的网络工具,用来分析背景和前景的颜色对比度。你所需要做的就是以十六进制的单位输入背景和前景色的值(例如,白色背景是#ffffff),然后它会告诉你组合是否通过WCAG 2.0对比建议

你最喜欢的颜色检查工具是什么?

您的首选工具没有在上面显示吗?如果没有,不要忘记在评论中与我们分享,并告诉我们你的体验。

如果你使用上面的任何一个工具,我们也很想了解你的使用经验!

相关内容

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!