You can use the Sideview Table module to do this. It has two distinct features both of which can do this, and both of which are documented as examples/tutorials in the Sideview Utils app itself.
a) the Table module's custom rendering features will allow you to write CSS classnames to the rows, incorporating any number of field values from that row. It also allows you to define a "hiddenFields" param so that these little infrastructure fields dont get displayed in the table themselves. Anyway, you can set up a discrete number of CSS classnames to render the rows as, and this can do very similar use cases.
b) The Table module's custom embedding features on the other hand, allow you to embed an HTML module, or any number of modules, into the cells of the relevant column. And then in that HTML module, or in whatever modules you choose to embed, you can use the field values from the row. So again you would specify some hiddenField like imageColor, use that to render one of a number of little images, and it'll work great.
Definitely go back to the Sideview Utils docs, read the first few pages, get a better understanding and only then proceed to the Table module's docs. These features don't involve a lot of XML but they're conceptually advanced and if you don't have a firm understanding of what the advanced XML normally works, when you see the Table's embedding feature it might make you draw some weird conclusions.
http://sideviewapps.com/apps/sideview-utils/
