色阶断层测试工具
显示受控渐变、量化和抖动对照，记录屏幕是否出现稳定条带、色阶跳变或颗粒噪声。
测试设置
渐变输出与观察记录
JavaScript 未运行时无法绘制渐变，请启用 JavaScript；下方说明和 FAQ 仍可阅读。
选择最接近的视觉表现；本工具不会自动判断面板位深或故障来源。
- 通道
- 灰阶
- 范围
- 全范围
- 量化
- 8 位 · 256 级
- 抖动
- 关闭
- 准备度
- 0/4 项已确认
- Canvas 背板
- —
稳定条带可能来自源内容、渲染、输出位深、HDR 映射、压缩、FRC 或面板处理；本页不自动归因。
怎样区分断层、抖动与其他噪声
| 现象 | 常见外观 | 应怎样记录 |
|---|---|---|
| 色阶断层 | 连续渐变被分成位置稳定的宽条带，边界清楚。 | 记录条带出现的通道、亮度范围和严重程度。 |
| 空间或时间抖动 | 边界被细小颗粒、棋盘纹或闪动噪声打散。 | 说明抖动方式和观看距离，不把颗粒直接当作坏点。 |
| 压缩或内容伪影 | 条带只出现在特定图片或视频，可能伴随块状边缘。 | 换成本工具本地渐变复核，不直接归因于屏幕。 |
| 均匀性或局部调光 | 大面积明暗不均、云斑或区域边界，不随渐变级数移动。 | 转用灰阶、亮度均匀性或光晕测试继续检查。 |
使用与判断
测试流程与快捷键
先固定原生分辨率、100% 浏览器缩放和显示模式。依次检查灰阶与 RGB 通道，再分别观察全范围、暗部、中间调和亮部。全屏时可用方向键切换通道与范围，B 切换量化级数，D 切换抖动。
量化级数怎样生成
显式量化先把 0–1 的通道值映射到 2 的 b 次方个离散级别，再映射回 0–255 的 Canvas 像素值。5 位为 32 级、6 位为 64 级、8 位为 256 级。该模拟只改变网页图案，不会改变显卡或面板的真实位深。
抖动为什么会弱化条带
有序抖动使用固定阈值矩阵，随机抖动使用确定性细噪声，把量化误差分散到相邻像素。人眼在一定距离会把这些变化平均为中间色调，因此条带边界变弱，但真实量化级数没有增加。
适用边界与误判来源
浏览器渐变参考不是无限位深基准。浏览器、GPU、系统合成器、HDR 色调映射、接口输出、FRC、局部调光和面板响应都可能改变最终外观。网页无法可靠区分原生 8 bit 与 6 bit + FRC，也不能从截图认证实体屏幕。
隐私、实现与来源
本工具在浏览器本地生成渐变和保存观察状态，不上传输入，不访问远程 API，不加载第三方运行资源。复制操作只在用户点击后请求剪贴板。
工具使用原生 Canvas 2D、Fullscreen API 和纯 JavaScript；未复用第三方运行库。Canvas 按设备像素比建立背板，并在显式量化行逐像素写入数据。
常见问题
屏幕渐变一条一条的是色阶断层吗？
连续渐变中出现位置稳定、边界清楚的分段条带，通常可记录为色阶断层。但也要排除源图压缩、视频编码、HDR 色调映射、浏览器渲染和屏幕处理造成的条带。
抖动为什么能减少色阶断层？
抖动在相邻量化级之间加入受控的细小变化，让人眼把空间或时间上的变化平均为中间色调。它能弱化边界，但不会增加真实可用的数值级数。
6 bit + FRC 和原生 8 bit 能靠网页区分吗？
不能可靠认证。FRC 会通过时间抖动模拟中间级别，网页只能观察当前链路的视觉表现；面板原生位深仍需规格、EDID、驱动信息或仪器验证。
为什么截图正常但屏幕上仍有色带？
截图保存的是系统内的渲染数据，不包含显示接口量化、GPU 输出格式、屏幕 FRC、面板响应和物理亮度。应在目标屏幕上全屏观察，并检查系统与显示器设置。