This calculator determines the colour overlay applied over a background, resulting in a new colour. The background colour represents the base, while the foreground colour represents the desired resulting colour. The calculator analyzes the contrast and blending between the colours to determine the appropriate filter colour for achieving the desired combined result.

Please enter two sets of background and foreground colours to begin.

Calculated filter:

rgba( , , , %)

X
C
>>
X
C
X
C
>>
X
C