Web/API/EXT color buffer float

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.

Availability: 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.

Extended methods

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:

The WebGLRenderingContext.renderbufferStorage() method now accepts these formats.
Framebuffers with attached textures of these formats may now be FRAMEBUFFER_COMPLETE.

Examples

gl must be a WebGL2RenderingContext. This extension does not work in WebGL 1 contexts.

var ext = gl.getExtension('EXT_color_buffer_float');

gl.renderbufferStorage(gl.RENDERBUFFER, gl.RGBA16F, 256, 256);

Specifications

Specification	Status	Comment
EXT_color_buffer_floatThe definition of 'EXT_color_buffer_float' in that specification.	Recommendation	Initial definition for WebGL.

Browser compatibility

The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`EXT_color_buffer_float`	Chrome Full support 63	Edge Full support 79	Firefox Full support 49	IE No support No	Opera ?	Safari ?	WebView Android Full support 63	Chrome Android Full support 63	Firefox Android ?	Opera Android ?	Safari iOS ?	Samsung Internet Android Full support 8.0

Legend

Full support: Full support
No support: No support
Compatibility unknown: Compatibility unknown