Visualize HEX color codes from a .less file

I am reverse engineering a template that was built with .less files. Are there any tools out there that will read the .less file and visualize the colours so I know which ones to alter? There are about 30 different colors, but I am interested in a specific range of colors.

I could go through one-by-one in GIMP but it is a bit time consuming. I dont have funds for CS

Hi,

I’m not sure I understand what you want to do exactly.:slight_smile:

You can just read the less file and see what colours have been applied. If the colours have been defined as variables (usually at the top of the stylesheet) then you could easily edit them as required. Or is it that you want to know what a hex colour looks like? You could just highlight the elements in the live page that you are interested in the using Firebug (or developer tools) and you will see the code for each element.

I guess I don’t really understand what you want to do :slight_smile: