CSS Blend Modes Tester

Choose mode and color, then mouse over image to see effect of blend mode. Click image to reveal color at normal mode.

Lorem ipsum dolor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.