Hola, Sebastian1046.
Eso está hecho con filtros de Css (me temo que solo funciona en Internet Explorer) Las imágenes están puestas como un enlace:
<a href="blabla.html" class="gal"><img src="imagen.gif"></a>
Y los estilos los tienes definidos de esta forma:
A.gal IMG {
BORDER-RIGHT: #555555 1px solid; BORDER-TOP: #555555 1px solid;
FILTER: gray; BORDER-LEFT: #555555 1px solid; BORDER-BOTTOM: #555555 1px solid
}
A.gal:hover IMG {
BORDER-RIGHT: #555555 1px solid; BORDER-TOP: #555555 1px solid;
FILTER: none; BORDER-LEFT: #555555 1px solid; BORDER-BOTTOM: #555555 1px solid
}
Lo que está puesto en rojo es lo que hace el efecto de pasar de tonos de grises a color y creo que eso es todo.
Saludos,