无障碍颜色组合测试 - 模拟不同视觉条件下的可读性
输入文本和背景颜色,同时模拟模糊、低对比度、色盲等效果,评估可访问性。
UD5工具箱
屏幕变色即点击 — 测量您的视觉反应时间,挑战人类极限!
| # | 反应时间 | 评级 | 类型 |
|---|---|---|---|
| 暂无测试记录,快来试试吧! | |||
人类平均视觉反应时间约 250ms,听觉反应约快50ms。
输入文本和背景颜色,同时模拟模糊、低对比度、色盲等效果,评估可访问性。
显示用错误颜色书写的颜色名,用户需按实际含义或墨水色反应,类似Stroop测验。
生成带有严格同步滴答声的闪烁测试视频,用于校正播放设备延迟。
选择青、品、黄、黑等基本颜料,按比例混合,预览油画或水彩的调色结果。
提供不仅依赖颜色的图表模式示例(结合纹理、形状),确保色盲用户也可区分数据。
利用环境光传感器读数自动切换网页的亮色/暗色主题,并展示光照强度曲线。
将视频绘制到 Canvas 上,逐帧应用像素处理(灰度、反色、绿幕替换),展示效果。
沿行或列按亮度或色相对像素进行排序,产生独特的故障艺术效果。
在渐变条上拖拽添加和移动色标,调整颜色和位置,实时输出 CSS linear-gradient 代码。
拖动滑块调节图片的亮度和对比度,实时预览效果,保存调整后的图片,基础修图必备。
计算机依次闪起颜色块,玩家按相同顺序点击,序列越来越长。
随机生成一对背景和文字颜色,并显示其WCAG对比度是否合格。
上传图片,套用红色盲、绿色盲、蓝色盲等滤镜,模拟色觉障碍者所见的颜色效果。
独立编辑红、绿、蓝通道的强度,甚至交换通道,创造迷幻色彩效果。
应用马氏算法将图片转换为红色盲、绿色盲、蓝色盲视角的模拟效果。
输入背景和文字颜色,若对比度不达标,自动计算需微调至最近达标色的方案。
选择两个颜色和色彩空间,调整混合比例,实时预览并生成CSS color-mix()函数代码。
在曲线上添加控制点调节图片亮度和各颜色通道,支持 S 曲线、反相、负片等高级调色效果。
录制音频,通过重采样改变播放音高,可调高成卡通音或调低沉。
选择起止颜色及所需色阶数,生成均匀插值的颜色数组,输出HEX列表或CSS渐变。
点击颜色,查看其在设计心理学中的通用含义和适用场景建议。
经典康威生命游戏,支持 HighLife、Day & Night 等多种规则,彩色表示细胞年龄。
参照编码表,在规定时间内将符号对应成数字,测试认知处理速率。
调用摄像头或截取屏幕区域,叠加色觉障碍模拟滤镜,帮助理解不同色盲视角。
加载图片,显示其最低有效位平面图,辅助发现可能存在的LSB隐写信息。
输入 .gitignore 规则和文件路径,检查该文件是否会被 Git 忽略,辅助编写排除规则。
调用摄像头,实时应用红色盲、绿色盲、蓝黄色盲等滤镜,让普通人体验色觉障碍者的世界。
使用 AmbientLightSensor API 监听光照强度变化,记录日志并绘制时间-照度图。
对图片像素沿特定方向按明亮度排序,生成拉伸条纹的数字艺术效果。
上传图片,选择不同色觉障碍类型,实时预览在这些色觉下的效果,辅助设计。