Colorer imagen al pasar ratón por encima..

[kiM-]

Vereis, he estado buscando y como mucho he encontrado temas como "que las imágenes se agranden al pasar el ratón".. Lo que yo busco es poner una imagen de color oscuro y que al pasar el ratón por encima vuelva a so color original, es decir, apagadas en a y "encendidas" en a:hover.. ¿Alguien sabe?

Saludos y gracias!

[kseso?]

¿Podría definir qué entiende por "color oscuro" y "apagadas/encendidas"?

[gVenom]

Podrias poner tu imagen "oscura" de background en un div por ejm, y en el hover cargas la imagen "encendida" encima de la otra :D

[kiM-]

Pués, por color oscuro me refiero a una magen en "blanco y negro" (o con transparencias de colores como el negro, desaturizada, etc...) y encendidas pués su color original. Digamos que tengo una imagen normal, le paso el ratón por encima y se oscurece de la forma que he comentado arriba, pués yo quiero algo así pero del revés, es decir que la imagen estée oscura de por sí con css y que al pasar el ratón retome su color.

Sé que me he liado, espero se entienda.

Saludos!

edit: gVenom, es que estoy seguro de que hace tiempo vi un código que era solo con css, así me ahorro tener que usar dos imágenes (la oscura y la real).

[kseso?]

Código CSS:

img {opacity:.4}
img:hover {opacity:1}
 

Lo que no podrá hacer con css es convertirla a escala de grises.
Puede simularlo asignando un fondo del color (background) apropiado

[kiM-]

Mil gracias!

Y cómo se asignaría un background gris? en qué zona exactamente?