WebGLRenderingContext.blendColor()

The WebGLRenderingContext.blendColor() method of the WebGL API is used to set the source and destination blending factors.

Syntax

void gl.blendColor(red, green, blue, alpha);

Parameters

red

A GLclampf for the red component in the range of 0 to 1.

green

A GLclampf for the green component in the range of 0 to 1.

blue

A GLclampf for the blue component in the range of 0 to 1.

alpha

A GLclampf for the alpha component (transparency) in the range of 0 to 1.

Return value

None.

Examples

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]

Specifications

Specification
WebGL Specification (WebGL)
# 5.14.3

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
blendColor
9
12
4
11
12
5.1
≤37
25
Yes
12
8
1.5

See also

© 2005–2021 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