Color review 网页配色符合WCAG规范,让网页阅读起来更加舒服与轻松

梅问题-Color review 网页配色符合WCAG规范,让网页阅读起来更加舒服与轻松

配色对于许多人来说,一直是相当棘手的问题,到底色要怎么配才好,让人阅读起来是舒服轻松的,因此今天梅干要来分享个好用的工具,那就是Color review这一个配色平台,而这平台与其它配色平台最大不同之处就在于,当选择了二色后,会立才为你的配色打分数,看看目前你所配的颜色是否符合WCAG 2.1 规范。

而Color review在决定好色系后,画面中也会有相关的配色区域,同时会有三条曲线,给你配色的方向,且当配色完毕后,立即也会为你所配的颜色进行打分,以及将你所选取的颜色立即进行搭配,让你可即时的知道,目前所选取的颜色,运用在标题与内文的状况会是如何,因此这除了解决了对配色苦手外,也可让配色好手了解,目前自己所搭配出来的颜色, 是否让人阅读起来是舒服轻松的。


Color.review链接网址:https://color.review/


Step1
首先在进入Color review这平台后,可由右边设定前景与背景色,若要改变色相,则由下方的色杆进行切换。
梅问题-Color review 网页配色符合WCAG规范,让网页阅读起来更加舒服与轻松


Step2
当在配色的同时,会看到左边分别有3、4.5、7三条曲线,这表示在这三条曲线中的颜色都可自行的搭配,当在选色的同时,也可看到上方的分数以及是否符合WCAG的规范。
梅问题-Color review 网页配色符合WCAG规范,让网页阅读起来更加舒服与轻松


Step3
以上方为例,即便刚刚的配色,对比较低,但在标题运用是没问题,可看到左边依然出现二个AA,但内文的部分就出现删除线,表示该不配色不适合于内文使用。
梅问题-Color review 网页配色符合WCAG规范,让网页阅读起来更加舒服与轻松


Step4
当然在配色的部分,分数愈高愈高,同时评分AAA也是较好的,因此下回当不知如何配色时,不妨可试试这平台看看啰!
梅问题-Color review 网页配色符合WCAG规范,让网页阅读起来更加舒服与轻松

(0)
打赏 微信扫一扫 微信扫一扫

相关推荐

发表回复

登录后才能评论