WMW

渐变测试

Free

通过全屏灰阶、RGB通道、径向和色相轮渐变图案检查屏幕是否存在色带现象。

完全在您的浏览器中运行。

键盘操作:方向键切换图案,F 进入全屏,Esc 退出。

评论 (0)

觉得这个工具有用吗?留下评论、分享一个小技巧,或者告诉我们如何改进它。

访客评论在发布前会经过审核。 登录 即可立即发布。

暂无评论,快来抢沙发分享您的想法吧!

此工具的功能

此工具直接在您的浏览器中显示六种渐变图案--灰度、单独的红、绿、蓝渐变、径向渐变以及完整的色相环--帮助您检查屏幕在不同方向和颜色上是否存在可见色带,并提供全屏模式以便更仔细地查看。

工作原理

灰度和单通道图案是从黑色到全白、红、绿或蓝的 CSS 线性渐变,让浏览器沿一条直线尽可能多地插值中间色调。径向图案则以圆形而非直线的方式,从中心向外进行相同的插值。色相环则是以 CSS 圆锥渐变构建的,包含 24 个均匀分布的颜色节点,每隔 15 度一个,由全饱和度的 HSL 色轮计算得出,因此浏览器会在整个 360 度圆周上,平滑地在每对相邻节点之间进行插值。

解决的问题

常见问题

渐变中出现可见色带的原因是什么?

这通常意味着没有足够的独立颜色级数来渲染真正平滑的过渡,原因可能是较低位深度的面板、8 位色彩连接或输出设置、激进的显示处理,或者源内容本身的质量比看起来更低。

为什么色相环很重要,直线渐变不够吗?

直线渐变只测试沿一条线的过渡,而色相环则一次性以完整圆圈扫过每一种色相,能够揭示简单的黑到白渐变永远无法触及的特定颜色或角度的不一致平滑度。

为什么要将红、绿、蓝渐变与灰度渐变分开测试?

显示屏渲染某个颜色通道可能比其他通道更平滑。单独测试每种原色能完全隔离该通道,因此,比如蓝色通道特有的色带问题不会被另外两个通道的补偿所掩盖。

径向渐变测试了什么其他渐变没有测试的内容?

它从中心点向外朝各个方向同时过渡,测试的是圆形扩展图案而非直线,在某些显示器或某些视频缩放和处理设置下可能表现不同。

即使是好的显示器,浏览器设置或视频输出也会导致色带吗?

是的。限制为 8 位色彩的线缆或端口、操作系统的颜色设置、GPU 缩放,甚至浏览器的硬件加速,都可能引入与面板本身无关的色带,在断定是显示器的问题之前值得先排除这些因素。

相关工具