色彩精准度测试
Free玩一个互动配色游戏:使用RGB滑块重现目标颜色,并获得感知准确度评分。
完全在您的浏览器中运行。这是一个配色游戏,同时也间接测试您的显示屏。
目标
您的猜测
最近活动
所有人可见。所有访客的最近 20 次使用记录,最新的在前。
暂无活动记录。快来成为第一个吧。
此工具的功能
这是一个直接在您的浏览器中进行的互动配色游戏:系统会向您显示一个随机目标颜色,您需要使用红、绿、蓝滑块尝试重现该颜色,然后根据感知颜色差异公式获得 0-100 的准确度得分,并在您想玩的任意多轮游戏中持续统计数据。
工作原理
您的得分基于"redmean"公式,这是一种著名的低成本感知颜色差异近似算法:ΔC = √((2 + r̄/256)·ΔR² + 4·ΔG² + (2 + (255−r̄)/256)·ΔB²),其中 ΔR、ΔG 和 ΔB 是您的猜测与目标在每个通道上的差值,r̄ 是两个红色值的平均值。与简单的欧几里得 RGB 距离不同,该公式对绿色通道赋予最大权重,并根据整体红色程度调整红色和蓝色,这更符合人类视觉对不同颜色的实际敏感度。然后,通过将这个原始距离与最大可能距离(纯黑与纯白之间的差距)进行比较,将其转换为 0-100 的分数,因此完美匹配得 100 分,最差的不匹配得 0 分。
解决的问题
- 练习和测试您自己的色彩感知力和配色能力。
- 间接、实际地了解您的显示屏在色彩渲染上的一致性。
- 理解为什么有些颜色在客观上比其他颜色更容易或更难匹配。
- 一项快速、有趣的色彩练习,适合设计或摄影练习。
常见问题
›这是在测试我的显示屏还是我的色彩感知能力?
实际上是两者同时起作用,无法完全分开。即使显示屏完全精确,也仍需要良好的色觉和光照条件才能获得好成绩;而具有强烈色偏的显示屏即使对色觉极佳的人来说也会让匹配变得更困难,因为您猜测的色块也是通过与目标相同的显示屏渲染的。
›为什么使用感知公式而不是简单的 RGB 差值?
人眼对绿色变化的敏感度远高于红色或蓝色,而简单的数值距离将三个通道视为同等重要,这与颜色差异的实际感知方式不符。此处使用的 redmean 公式对每个通道进行加权,以更好地近似真实的视觉敏感度。
›什么样的分数算好?
持续获得 90 分以上的成绩意味着您的配色非常接近,并且您的显示屏能够一致地渲染目标颜色和您的猜测颜色。分数在各轮之间可能会有较大波动,因为某些颜色,尤其是接近灰色的微妙色调,本身就比鲜艳、饱和的颜色更难精确匹配。
›为什么我的猜测有时看起来正确,但得分却比预期低?
即使肉眼看起来微不足道的细微差异,仍可能被记录为真实的数值距离,尤其是在您眼睛不太敏感的通道中。分数反映的是实际的 RGB 差距,而不仅仅是两个色块并排看起来是否"足够接近"。
›观看距离或屏幕亮度会影响我的结果吗?
是的,两者都会影响您对颜色的感知,还有环境光和观看角度。为了在各次游戏中获得最一致的结果,请尽量在每次玩游戏时保持房间照明、屏幕亮度和与屏幕的距离大致相同。
相关工具
硬件
灰阶测试
使用真正连续的0-255灰阶渐变、交互式数值读取以及专门的近白色块集,检查显示屏的色带、暗部压缩和高光溢出情况。
Free硬件
刷新率测试
使用requestAnimationFrame计时,直接在浏览器中测量显示器真实的实时刷新率,揪出宣称144Hz或更高但实际只有60Hz的显示器。
Free硬件
摄像头测试
直接在浏览器中测试您的摄像头和麦克风:实时预览、设备切换、分辨率和帧率读数、麦克风电平表以及截图捕捉。
Free硬件
扬声器和耳机测试
直接在浏览器中测试您的扬声器和耳机:左右声道检查、立体声测试、低音音调,以及20 Hz到20,000 Hz的频率扫描,全部通过Web Audio API实时生成。
评论 (0)
觉得这个工具有用吗?留下评论、分享一个小技巧,或者告诉我们如何改进它。
暂无评论,快来抢沙发分享您的想法吧!