This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Note: This feature is available in Web Workers.
The WebGLRenderingContext.clearColor() method of the WebGL API specifies the color values used when clearing color buffers.
This specifies what color values to use when calling the clear() method. The values are clamped between 0 and 1.
clearColor(red, green, blue, alpha)
redA GLclampf specifying the red color value used when the color buffers are cleared. Default value: 0.
greenA GLclampf specifying the green color value used when the color buffers are cleared. Default value: 0.
blueA GLclampf specifying the blue color value used when the color buffers are cleared. Default value: 0.
alphaA GLclampf specifying the alpha (transparency) value used when the color buffers are cleared. Default value: 0.
None (undefined).
gl.clearColor(1, 0.5, 0.5, 1);
To get the current clear color, query the COLOR_CLEAR_VALUE constant which returns a Float32Array.
gl.getParameter(gl.COLOR_CLEAR_VALUE); // Float32Array[1, 0.5, 0.5, 1]
| Specification |
|---|
| WebGL Specification> # 5.14.3> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
clearColor |
9 | 12 | 4 | 12 | 5.1 | 25 | 4 | 12 | 8 | 1.5 | 4.4.3 | 8 |
WebGLRenderingContext.clear()WebGLRenderingContext.clearDepth()WebGLRenderingContext.clearStencil()
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/clearColor