Quick

Alpha/Opacity Overlay Calculator

Lay a semi-transparent colour over a background and see the exact flattened colour that results — useful for working out what an rgba() overlay will actually look like.

Resulting colour:

Advertisement

About this tool

This flattens the overlay colour onto the background using standard alpha compositing (result = overlay × alpha + background × (1 − alpha)) — the same maths a browser uses to render an rgba() colour on top of a solid background.