WebGL/Canvas 中的顏色校正渲染

Question

Web 瀏覽器（尤其是 Chrome）一般為 WebGL 繪圖緩沖區假定什么顏色空間？ 也就是說，着色器應該在什么顏色空間中輸出像素值？

我在 WebGL 規范中找不到任何關於為 WebGL 繪圖緩沖區假定什么顏色空間的信息。

我們的實驗表明 Chrome 在合成過程中采用 sRGB。 用 Prophoto 標記的圖像元素在廣色域監視器上正確顯示，但在 WebGL 畫布上渲染的相同圖像顯示為好像用 sRGB 標記。

這是否意味着目前無法在 WebGL 的廣色域顯示上進行色彩校正渲染，在不同的瀏覽器上始終如一？

Answer 1

sRGB 是標准

W3C 將所有 Web 內容的標准定義為 sRGB，這適用於 CSS3。

CSS 級別 4 將引入額外的色彩空間，但 sRGB 仍然是默認標准。

當內容中沒有定義顏色空間時——例如未標記的圖像——用戶代理應該假設為 sRGB。 大多數設備都是 sRGB，並且不使用顏色管理，因此非 sRGB 內容可能無法正確顯示。

WebGL

WebGL 本身不做顏色管理。 但是請注意，這方面的工作正在進行中，特別是隨着 HDR 和多色彩空間開始在標准制定中占據主導地位。

無障礙

此外，sRGB 是可訪問性的標准 Web 色彩空間，並且在可預見的未來可能會保持這種狀態，因為 sRGB 中的紅色原色對於 protanopia 色覺缺陷仍然相當明顯。

今日多數

sRGB 是用於大多數顯示器和設備的標准。 HDTV 標准 Rec709 使用完全相同的原色，但傳輸曲線規格略有不同，更適合在較暗的環境中觀看內容。

如果您有其他問題，請告訴我。