title: extract a list of colors from a webpage
body: <p>I need to extract a list of colors (color fields) from a webpage. (20-50 colors of about 30 diff. pages)</p>
  
  <p>I tried the eyedropper tool from firefox but 1. it has no shortcut and I don't have a good clipboard manager which lets me extract the colors for further use. </p>
  
  <p>Colorzilla (FF Extension) parses the pages but doesn't output the colors in the right order.</p>
  
  <p><a href="http://www.colorcombos.com/" rel="nofollow">http://www.colorcombos.com/</a> is a nice website but also doesn't not output a list of used color codes.</p>
  
  <p>Every solution so far includes manually copying html or css code from firebug and than extracting the needed data.</p>
  
  <p>As I wrote above I need to do that on many sites for many colors.</p>
  
  <p>best regards</p>
  
  <p>Edits:</p>
  
  <p>I am using CSS Selectors to get an attribute and with getComputedStyle() I extract the color. But getComputedStyle() gives me the colors as rgb() not hex. Getting the style with .style from the element is not possible since it is a linked file.</p>
  
  <p>Is there an other way than which yields the hex values (other than converting every rgb value to hex with a function). Moreover how can I use this command document.querySelector(path).getAttribute(attr) on an URL. I would like to run a local js script where I define the URL from where to extract the needed values.</p>