色階斷層測試工具

設定原生解析度與 100% 縮放，再選擇通道與觀察範圍。在全螢幕比較瀏覽器參考、量化和抖動區域，最後只記錄實體螢幕上仍看得到的現象。

頁面先繪製平滑參考漸層，再把通道數值映射到 5、6 或 8 位級距。有序與雜訊抖動會在級距周圍分布細小變化。這些範例用於說明外觀，不會重新設定 GPU 或面板。

抖動用空間或時間上的小變化取代生硬的色階邊界，可以讓漸層看起來更平滑，但無法找回來源或輸出鏈路中原本不存在的資訊。

瀏覽器繪製、GPU 合成、輸出格式、HDR 映射、FRC、區域調光、壓縮與低亮度反應都會影響結果。本頁不能認證面板原生位深，也不能指出唯一責任元件。

漸層與觀察記錄都在目前瀏覽器本機產生，不上傳、不使用遠端 API，也不載入第三方執行資源。

Canvas 在本機繪製通道量化，以及可選的有序或雜訊抖動；本頁不會改變系統輸出設定。

• W3C：CSS Color
• MDN：prefers-color-scheme 與顯示媒體查詢
• MDN：Canvas API
• MDN：Fullscreen API

穩定且邊界清楚的級距符合色階斷層的特徵，但壓縮、HDR 映射、瀏覽器繪製與顯示處理也可能產生類似結構。

它把細小變化分散到鄰近像素或時間上，讓硬邊界不那麼明顯，但不會增加真正的數值級數。

不能。本頁只能比較外觀；原生位深需要面板規格、EDID 或測量儀器確認。

截圖是在顯示連線、面板 FRC、亮度反應與實際觀看條件之前取得的，應改為觀察目標螢幕。