ChromaLens by Rifandiysf
Hover over any element on a website to read its color, then copy it as HEX, RGB, HSL, OKLCH, Tailwind and more.
Extension Metadata
Screenshots
About this extension
Chromalens is a fast color inspector for any website. Hover over an element to read its real, computed color, then copy it in the format you need. No DevTools required.
How it works
1. Click the Chromalens toolbar button, or press Alt+Shift+C.
2. Hover over any element on the page to see its color.
3. Click an element to lock the panel, choose a format, and copy the code.
4. Press Alt+Shift+C again to stop.
Supported formats
- HEX, RGB, HSL
- OKLCH
- Tailwind CSS color
- and more
Privacy
Chromalens runs entirely in your browser. It does not collect, store, or send any data to any server. Your selected color format is saved locally on your device only.
Permissions
- activeTab and scripting: to read element colors on the page you choose to inspect.
- storage: to remember your preferred color format.
How it works
1. Click the Chromalens toolbar button, or press Alt+Shift+C.
2. Hover over any element on the page to see its color.
3. Click an element to lock the panel, choose a format, and copy the code.
4. Press Alt+Shift+C again to stop.
Supported formats
- HEX, RGB, HSL
- OKLCH
- Tailwind CSS color
- and more
Privacy
Chromalens runs entirely in your browser. It does not collect, store, or send any data to any server. Your selected color format is saved locally on your device only.
Permissions
- activeTab and scripting: to read element colors on the page you choose to inspect.
- storage: to remember your preferred color format.
Rated 0 by 0 reviewers
Permissions and data
More information
- Add-on Links
- Version
- 1.0.0
- Size
- 131.79 KB
- Last updated
- a month ago (Oct 6, 2026)
- Related Categories
- License
- MIT License
- Version History
- Add to collection