Get color codes from website easily with this browser extension.
Every now and then I have a need for using the color codes from some website that I think has nice looking color scheme. The problem is that the HEX value copy pasting from browser's developer tools is kinda tedious and that is why I built this handy little browser extension to fix that problem.
And as a extra challenge for myself I wanted to make it simple as possible, with good old HTML/CSS/JS stack without any dependencies.
Done
- Working browser extension that presents website colors on popup window
- Super simple and easy to use
- All done with HTML/CSS/JS, because why not!
- No libraries nor any dependencies
- Published the extension to Firefox
Work in progress
- Cross-platform support for Chromium based browsers
- Publish the extension to Chrome
Might add someday
- Publish to Chrome and Edge
- TypeScript
- Grouping colors by HTML elements
- Option 1. Install it to your browser here
- Option 2. Use and run it locally
-
-
git clone https://github.com/attuo/website-color-analyzer.git
-
TODO..
-
- Option 3. Local development
-
npm install --global web-ext
-
web-ext run
-
This project is MIT licensed - So feel free to use it anyway you like. 🙂