小丫设计工具站
返回工具合集

色彩无障碍预览工具

在线色觉效果仿真，上传图片或自定义前景背景色，一键预览不同色觉下画面表现，做UI无障碍色彩检测、网页配色自查，支持色弱模拟、图片色彩可读性校验

参数输入与图片上传

📷 点击或者拖拽图片到此区域加载预览图，用于UI、海报、PPT、小程序界面色觉模拟检测

多场景色彩预览结果
色觉类型信息说明

红色觉异常

对红色波段感知减弱，红色画面会偏向暗黄棕色调，UI设计时重点检查红黑、红灰组合文字可读性。

绿色觉异常

人群最常见色觉异常类型，绿色和红色容易混淆，网页按钮、状态标识配色需要重点测试。

蓝色觉异常

蓝色识别能力下降，属于罕见类型，蓝黄类配色在界面中容易分辨困难。

全色视觉异常

几乎无法识别彩色，画面仅保留灰度信息，多用于检验单色灰度场景下内容可读性。

使用说明

色彩无障碍预览工具使用教程：

  • 方式一：自定义前景色、背景色，输入十六进制色值，实时查看色彩在各类色觉下的视觉表现；
  • 方式二：上传图片文件，支持JPG、PNG、WebP等图片，一键生成多套色觉模拟效果图；
  • 本工具（也常被叫做色盲模拟器），专门服务UI设计师、前端开发、产品设计师，用于A11Y无障碍设计检测；
  • 适合UI设计师、前端开发、产品，做APP、小程序、网页、海报、PPT图表的色弱模拟与界面可读性检测；
  • 适用场景：网站界面、APP移动端页面、营销海报、PPT图表、小程序组件，校验色彩区分度，排查配色识别障碍；
  • 可以用来做色彩对比度自查，提前规避上线后部分人群无法区分文字、按钮、图标颜色的问题。
操作完成