如何使用CSS反转颜色？

将相同颜色的背景添加到段落中，然后使用CSS反转：

div {    background-color: #f00;}p {    color: #f00;    -webkit-filter: invert(100%);    filter: invert(100%);}<div>    <p>inverted color</p></div>