Por ejemplo, si usas:
#(<img src="images_ex/([a-z]+).gif"/>)#
Con preg_match_all y la bandera PREG_SET_ORDER obtendrás un array con todas las coincidencias. Dentro de cada elemento del array tendrás otro array, en [0] el tag img completo y en [1] el color. A partir de ahí ya puedes ordenarlos como quieras.
P.S.: ¿El contenido es dinámico (cambia siempre)? Ya que de otro modo tal vez puedas ordenarlo manualmente y usarlo para no complicar tanto
.
Cita:
Iniciado por StrikeFreedom 
Es ke esto es una prueba para conseguir un trabajo jeje
Disculpa. Pero... ¿en ese caso no se supone que ya deberías saber cómo hacerlo? Ya que si otros te dan la solución... no calificarías realmente para el trabajo.