This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
The EXT_color_buffer_float extension is part of WebGL and adds the ability to render a variety of floating point formats.
WebGL extensions are available using the WebGLRenderingContext.getExtension() method. For more information, see also Using Extensions in the WebGL tutorial.
Note: This extension is available to WebGL 2 contexts only.
For WebGL 1, see the EXT_color_buffer_half_float and WEBGL_color_buffer_float extensions.
The following sized formats become color-renderable:
gl.R16F,gl.RG16F,gl.RGBA16F,gl.R32F,gl.RG32F,gl.RGBA32F,gl.R11F_G11F_B10F.Color-renderable means:
WebGLRenderingContext.renderbufferStorage() method now accepts these formats.gl must be a WebGL2RenderingContext. This extension does not work in WebGL 1 contexts.
const ext = gl.getExtension("EXT_color_buffer_float");
gl.renderbufferStorage(gl.RENDERBUFFER, gl.RGBA16F, 256, 256);
| Specification |
|---|
| WebGL EXT_color_buffer_float Extension Specification> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
EXT_color_buffer_float |
56 | 79 | 51 | 43 | 15 | 56 | 51 | 43 | 15 | 6.0 | 56 | 15 |
WebGLRenderingContext.getExtension()WebGLRenderingContext.renderbufferStorage()EXT_color_buffer_half_floatWEBGL_color_buffer_float
© 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/EXT_color_buffer_float