Firefox Browser Add-ons
  • Extensions
  • Themes
    • for Firefox
    • Dictionaries & Language Packs
Log in
Preview of ChromaLens

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.

0 (0 reviews)0 (0 reviews)
Download Firefox and get the extension
Download file

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.
Rated 0 by 0 reviewers
Log in to rate this extension
There are no ratings yet

Star rating saved

5
0
4
0
3
0
2
0
1
0
No reviews yet
Permissions and data

Data collection:

  • The developer says this extension doesn't require data collection.
Learn more
More information
Add-on Links
  • Support site
  • Copy add-on ID
Version
1.0.0
Size
131.79 KB
Last updated
a month ago (Oct 6, 2026)
Related Categories
  • Web Development
  • Appearance
License
MIT License
Version History
  • See all versions
Add to collection
Report this add-on
Go to Mozilla's homepage

Add-ons

  • About
  • Firefox Add-ons Blog
  • Extension Workshop
  • Developer Hub
  • Developer Policies
  • Community Blog
  • Forum
  • Report a bug
  • Review Guide

Download

  • Download Firefox
  • Windows
  • macOS
  • iOS
  • Android
  • Linux
  • All

Latest Builds

  • Nightly
  • Beta

Firefox for Business

  • Enterprise

Community

  • Connect
  • Contribute
  • Developer

Follow

  • Instagram
  • YouTube
  • TikTok
  • Bluesky
  • Podcast
  • Privacy
  • Cookies
  • Legal

Except where otherwise noted, content on this site is licensed under the Creative Commons Attribution Share-Alike License v3.0 or any later version.