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