WebGLRenderingContext: 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 WebGLRenderingContext.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 WebGLRenderingContext.unpackColorSpace for specifying the color space for textures.

Value

This property can have the following values:

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

js
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

BCD tables only load in the browser

See also