En este caso tenemos un código muy sencillo. Esta es una linea que suelo usar para slider como marcas o proveedores que no siguen el mismo patrón de colores de la web y queremos que no quede como un pegote.
De esta manera obtenemos una semejanza cromática. Con el siguiente código convertimos la imagen a blanco y negro con una escala de grises:
img {
filter: grayscale(100%);
}
Y como detalle me suele gustar que al pasar por encima si que se vean los colores originales por lo que añadimos esta linea.
img:hover {
filter: none;
}
Sencillo y practico.
![](https://juanmanms.es/wp-content/uploads/2022/04/image-1024x173.png)