css filter color

.blur {
  filter: blur(4px);
}
.brightness {
    filter: brightness(0.30);
}
.contrast {
    filter: contrast(180%);
}
.grayscale {
  filter: grayscale(100%);
}
.huerotate {
  filter: hue-rotate(180deg);
}
.invert {
  filter: invert(100%);
}
.opacity {
  filter: opacity(50%);
}
.saturate {
  filter: saturate(7);
}
.sepia {
    filter: sepia(100%);
}
.shadow {
    filter: drop-shadow(8px 8px 10px green);
} 

 
img {
  filter: grayscale(100%);
} 

/*Add this to a CSS selector to turn it red*/
filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);

.text {
    background: rgba(0,0,0,.9);
    backdrop-filter: grayscale(1) contrast(3) blur(1px);
}