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.blendColor() method of the WebGL API is used to set the source and destination blending factors.
blendColor(red, green, blue, alpha)
redA GLclampf for the red component in the range of 0 to 1. Default value is 0.
greenA GLclampf for the green component in the range of 0 to 1. Default value is 0.
blueA GLclampf for the blue component in the range of 0 to 1. Default value is 0.
alphaA GLclampf for the alpha component (transparency) in the range of 0. to 1. Default value is 0.
None (undefined).
To set the blend color, use:
gl.blendColor(0, 0.5, 1, 1);
To get the blend color, query the BLEND_COLOR constant which returns a Float32Array.
gl.getParameter(gl.BLEND_COLOR); // Float32Array[0, 0.5, 1, 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 | |
blendColor |
9 | 12 | 4 | 12 | 5.1 | 25 | 4 | 12 | 8 | 1.5 | 4.4.3 | 8 |
© 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/blendColor