Change text color to specific color depending on background color

Question

I want to have my white text change into a grey that i have selected (#21262A) once it goes over a green SVG that i have, i achieved a similar effect with mix-blend-mode: difference; but was unable to get the text color to be a specific color, it would only be the inverse of the background green color on the SVG.

how would I achieve this effect?

Before

mix-blend-mode: difference

i want the text to be the same color as the background above it

Can you reproduce your question with a snippet? – Parit Sawjani Jul 07 '22 at 17:40 — Parit Sawjani, Jul 07 '22 at 17:40

score 0 · Answer 1 · answered Jul 07 '22 at 15:38

0

Try to use:

mix-blend-mode: overlay;

answered Jul 07 '22 at 15:38

antonioscasciamacchia

16

this doesn't result in the text being #21262A, it turn the text transparent – Darcy Power Jul 07 '22 at 15:45

Change text color to specific color depending on background color

1 Answers1