GrayScale Overlay

Adds a grayscale overlay to any webpage

As of May 2026, GrayScale Overlay has 88 users and a 5.00/5 rating from 2 reviews in the Productivity category.

Usersup 27.5 percent+27.5%
88
88
Ratingno change0%
5.00
2 reviews
Reviewsup 100.0 percent+100.0%
2
Version
1.0
Manifest V3

History

5 snapshots

Tracking since Apr 1, 2026.

93.8480.567.16Apr 1, 2026May 31, 2026
View as table
DateUsersRatingReviewsVersion
Apr 1, 2026695.0011.0
Apr 21, 2026735.0021.0
May 6, 2026845.0021.0
May 17, 2026805.0021.0
May 31, 2026925.0021.0
Now885.0021.0

Permissions & access

Permissions
activeTabstorage
Host access
None declared

Screenshots

GrayScale Overlay screenshot 1GrayScale Overlay screenshot 2GrayScale Overlay screenshot 3GrayScale Overlay screenshot 4

About

## **GrayScale Overlay – Clean Monochrome Browsing**

### 🌐 Description

Bring clarity and calm to your web experience with **GrayScale Overlay** – a customizable Chrome extension that lets you apply grayscale filters to any website. Whether you're looking to reduce eye strain, focus better, or simply enjoy a distraction-free, minimalist interface, this extension has you covered.

---

### 🎯 **Key Features**

#### ✅ Adjustable Grayscale Filter

* Apply a grayscale overlay to any webpage without disrupting interactions.
* Smooth, performance-friendly transitions.
* Customizable intensity from 0% to 100%.

#### 🎨 Multiple Visual Modes

* **Desaturate** (soft and subtle)
* **Grayscale** (true black-and-white)
* **Luminosity** (high contrast)
* **Color Dodge** (dramatic tones)

#### 🌍 Auto-Toggle Per Website

* Automatically activate grayscale on specific websites.
* Works with subdomains (e.g., `www.reddit.com`, `old.reddit.com`, `m.reddit.com`).
* One-click "Add Current Site" feature.

#### 💡 Real-Time Controls

* Instantly preview filter changes.
* Use a slider to fine-tune intensity.
* Choose visual modes from a dropdown menu.

#### 💾 Persistent Settings

* Saves your preferences across browser sessions.
* Remembers websites and intensity levels.
* Syncs settings across Chrome installations.

#### 🧠 Per-Tab Intelligence

* Each tab tracks its own grayscale state.
* Seamless transitions between enabled and disabled tabs.

#### 🧰 Easy-to-Use Interface

* Clean, modern popup design.
* Smart enable/disable buttons.
* Fully responsive and intuitive.

---

### 👥 Ideal For:

* Students and professionals who need fewer distractions.
* Readers and researchers on text-heavy sites.
* Users sensitive to color brightness or visual noise.
* Minimalists who enjoy a clean, grayscale aesthetic.

---

### 🔒 Privacy & Permissions

* **No data collection or tracking.**
* Settings stored locally using Chrome Sync.
* Requires only essential permissions: `activeTab`, `storage`.

---

### ⚙️ How to Use

1. Click the extension icon to toggle grayscale.
2. Adjust intensity and mode in real time.
3. Use “Add Current Site” to auto-enable on your favorite websites.
4. Manage your website list directly from the popup.

---

### ⚡ Performance

* Lightweight and fast.
* No impact on page load speed.
* Built using modern, efficient CSS rendering (`mix-blend-mode`, `backdrop-filter`).

---

### 💬 Support

Need help or have suggestions? Reach out via the support tab on the Chrome Web Store.

Technical

Version
1.0
Manifest
V3
Size
31.3KiB
Min Chrome
88
Languages
1
Featured
No

Metadata

ID
kfgggfofdnpmfkpdginpmfocngpafafd
Developer ID
u5d7e5438175a5d86935e4b8d7a9eb600
Developer Email
[email protected]
Created
Jul 10, 2025
Last Updated (Store)
Jul 10, 2025
Last Scraped
May 31, 2026
Website
Support URL

Similar extensions

Alternatives to GrayScale Overlay, ranked by description similarity.

Data sourced from the Chrome Web Store · last verified May 31, 2026.