HueLoot

Extract all unique colors from any webpage with one click. Installation Clone or download this repository Open Chrome and go to chrome://extensions Enable Developer mode (top-right toggle) Click Load unpacked and select the HueLoot folder Navigate to any http:// or https:// page and click the HueLoot icon Usage Click the HueLoot icon on any website. A modal overlay will appear showing every unique color the browser is actively using on that page. Click any color swatch to copy its hex value to your clipboard. Click the ⓘ button in the header to learn how colors are extracted. Where do the colors come from? Colors come from computed styles of visible elements — meaning what the browser has actually resolved and rendered. For each element that isn't display:none, visibility:hidden, or opacity:0, it reads: color (text) & backgroundColor Border colors (top / right / bottom / left) outlineColor, textDecorationColor, caretColor, columnRuleColor Colors inside backgroundImage gradients You may still see colors that feel "invisible" — the filter skips display:none, visibility:hidden, and opacity:0, but not zero-sized elements, off-screen elements, elements covered by others, or elements clipped by overflow:hidden. These are technically "visible" to the browser even if you can't see them. Maker For years I used some old clunky color picker tool. One day it stopped working. I could have just found another one. Instead I built HueLoot. Here you are. Enjoy. — Marek marek@jackoai.com