Simulates colorblindness in your web browser.

Latest Version

Version

2.2

Update

January 22, 2024

Size

73.19KiB

Developer

Colorblindly Extension

Colorblindly is an extension that helps developers create websites for the people with colorblindness by allowing them to simulate the experience those users have on websites.

There are 8 different settings to experience:

-Blue Cone Monochromacy / Achromatomaly
-Monochromacy / Achromatopsia
-Green-Weak / Deuteranomaly
-Green-Blind / Deuteranopia
-Red-Weak / Protanomaly
-Red-Blind / Protanopia
-Blue-Weak / Tritanomaly
-Blue-Blind / Tritanopia

*Note* This extension will not work on Chrome domains like the store page. Try it out on a different website like Google Image Search Results!

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Colorblindly", "version": "2.2", "manifest_version": 3, "host_permissions": [""], "description": "Simulates colorblindness in your web browser.", "homepage_url": "https://github.com/oftheheadland", "icons": { "16": "images/eyecon.png", "48": "images/eyecon.png", "128": "images/eyecon.png" }, "action": { "default_title": "Colorblindly", "default_popup": "popup/popup.html" }, "permissions": [ "activeTab", "storage", "scripting" ], "web_accessible_resources": [{ "resources": ["filters/achromatomaly.js", "filters/achromatopsia.js", "filters/deuteranomaly.js", "filters/deuteranopia.js", "filters/normal.js", "filters/protanomaly.js", "filters/protanopia.js", "filters/tritanomaly.js", "filters/tritanopia.js"], "matches": [], "extension_ids": [] }]}

Download CRX(73.19KiB)

Similar Extensions

Colorblind - Dalton for Google Chrome Extension · Accessibility 90,000+ 34 ★ 66.48KiB

Daltonize Extension · Accessibility 90,000+ 5 ★ 15.3KiB

ColorBlindClick Extension · Social & Communication 90,000+ 9 ★ 159KiB

Colorblindness EdTech 2019 Extension · Accessibility 90,000+ 4 ★ 17.45KiB

Let's get color blind Extension · Accessibility 90,000+ 19 ★ 31.79KiB

WCAG Color contrast checker Extension · Developer Tools 90,000+ 26 ★ 163KiB

A11Y - Color blindness empathy test Extension · Accessibility 90,000+ 6 ★ 16.34KiB

Colorblind - Dalton for Chromium Extension · Accessibility 90,000+ 7 ★ 65.89KiB

RGBlind Extension · Accessibility 90,000+ 5 ★ 65.85KiB

Web Disability Simulator Extension · Accessibility 90,000+ 16 ★ 490KiB

Funkify – Disability Simulator Extension · Accessibility 90,000+ 53 ★ 104MiB

WAVE Evaluation Tool Extension · Accessibility 90,000+ 143 ★ 344KiB

axe DevTools - Web Accessibility Testing Extension · Accessibility 90,000+ 114 ★ 2.89MiB

Muzli - Design inspiration hub Extension · Photos 90,000+ 728 ★ 3.51MiB

Screen Reader Extension · Developer Tools 90,000+ 1084 ★ 4.76MiB

Color Contrast Analyzer Extension · Accessibility 90,000+ 66 ★ 58.27KiB

Colour Contrast Checker Extension · Accessibility 90,000+ 31 ★ 378KiB

HeadingsMap Extension · Developer Tools 90,000+ 70 ★ 575KiB

Stark Accessibility Checker Extension · Developer Tools 90,000+ 22 ★ 2.29MiB

Siteimprove Accessibility Checker Extension · Accessibility 90,000+ 21 ★ 1.43MiB

UX Check Extension · Productivity 90,000+ 84 ★ 1.32MiB

taba11y Extension · Developer Tools 90,000+ 15 ★ 205KiB

ARC Toolkit Extension · Accessibility 90,000+ 24 ★ 645KiB

Accessibility Insights for Web Extension · Developer Tools 90,000+ 37 ★ 3.62MiB

User reviews

Andrew Somers (ID: 000000006fda514c) Voted 5 ★ - Updated 07/26/2023 Good. This is the first extension I've seen that uses the proper Brettel model for deuteranopia & protanopia. Most of the other simulators out there are substantially incorrect. Designers should look at the protanopia simulation in particular, to ensure that their designs are accessible and readable.

Yury Sitnikov (ID: 000000322c33d222) Voted 5 ★ - Updated 06/16/2023 Just started to use the extension, and I see my site exactly as several real people with different types of color blindness described it, and now I understand what they mean and how to fix it. Very useful tool!

Diana Grappasonno (ID: 000000ee90e65864) Voted 5 ★ - Updated 02/06/2023 Works great for me! Using an older version of Chrome on an old Mac.

Kayla VanNess (ID: 0000009fae7e5dd1) Voted 5 ★ - Updated 01/30/2023 This extension changed me and my cats life forever.

Pontus (ID: 000000183f0f6376) Voted 5 ★ - Updated 09/29/2022 Super handy tool for checking accessibility when designing and developing sites. It has helped me explain to customers why colorblind accessibility is important when designing a website.

Get source code (.Zip)

Drop .crx file here or click
the button to choose the file

Colorblindly