https://www.w3schools.com/css/tryit.asp?filename=trycss_sprites_hover_nav you can improve it

#box-one{
   background: url('**') 50px 50px;
}
#box-one a:hover {
  /*pop up css*/
}

I want to make something like this to display different types of wall paints. I need to be able to use it as an iframe.

It should display colors in a grid and when hovering on each box, it should show the color name and code. (attached below)

Example image