W3cubDocs

/Web APIs

WebGL2RenderingContext: drawingBufferColorSpace property

Baseline 2024

Newly available

Since ⁨October 2024⁩, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Note: This feature is available in Web Workers.

The WebGL2RenderingContext.drawingBufferColorSpace property specifies the color space of the WebGL drawing buffer. Along with the default (srgb), the display-p3 color space can be used.

See WebGL2RenderingContext.unpackColorSpace for specifying the color space for textures.

Value

This property can have the following values:

"srgb" selects the sRGB color space. This is the default value.
"display-p3" selects the display-p3 color space.

If an invalid value is specified, then the value of drawingBufferColorSpace will remain unchanged.

Examples

Setting the drawing buffer color space to draw a Display P3 red

const canvas = document.getElementById("canvas");
const gl = canvas.getContext("webgl");
gl.drawingBufferColorSpace = "display-p3";
gl.clearColor(1, 0, 0, 1);
gl.clear(gl.COLOR_BUFFER_BIT);

Specifications

Specification
WebGL Specification> # DOM-WebGLRenderingContext-drawingBufferColorSpace>

Browser compatibility