Instantly test your web page with different types of color vision deficiency.

Latest Version

Version

0.3.0

Update

December 27, 2024

Size

22.2KiB

Developer

Spectrum Extension

Color Vision Deﬁciency (CVD) affects people’s ability to distinguish certain colors. Estimates indicate that approximately 200 million people worldwide are affected by some kind of CVD. Individuals of Northern European ancestry, as many as 8 percent of men and 0.5 percent of women experience the common form of red-green color blindness.

This extension helps you to test web pages for people with different types of CVD. It's particularly useful for websites with data visualisations, because some colors may not be distinguishable from other colors in the charts.

Flash enabled websites are also supported!

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Spectrum", "description": "Instantly test your web page with different types of color vision deficiency.", "version": "0.3.0", "homepage_url": "http://lvivski.com/spectrum", "action": { "default_title": "Spectrum", "default_popup": "popup.html", "default_icon": { "19": "img/action_small.png", "38": "img/action.png" } }, "icons": { "128": "img/icon.png", "48": "img/icon_small.png" }, "web_accessible_resources": [ { "resources": ["img/filters.svg"], "matches": [""] } ], "content_scripts": [ { "matches": [""], "css": [], "js": ["js/filters.js"] } ], "permissions": ["activeTab", "scripting"]}

Download CRX(22.2KiB)

Similar Extensions

GoFullPage - Full Page Screen Capture Extension · Developer Tools 9,000+ 77052 ★ 1.81MiB

ColorZilla Extension · Developer Tools 9,000+ 3845 ★ 410KiB

JSON Formatter Extension · Developer Tools 9,000+ 1859 ★ 19.86KiB

User-Agent Switcher for Chrome Extension · Developer Tools 9,000+ 2631 ★ 132KiB

Lighthouse Extension · Developer Tools 9,000+ 318 ★ 50.7KiB

Similarweb - Website Traffic & SEO Checker Extension · Developer Tools 9,000+ 3255 ★ 1.19MiB

SEOquake Extension · Developer Tools 9,000+ 2529 ★ 1.5MiB

Clear Cache Extension · Developer Tools 9,000+ 1124 ★ 616KiB

Postman Interceptor Extension · Developer Tools 9,000+ 957 ★ 478KiB

Selenium IDE Extension · Developer Tools 9,000+ 286 ★ 3.96MiB

ModHeader - Modify HTTP headers Extension · Developer Tools 9,000+ 1061 ★ 676KiB

SEO META in 1 CLICK Extension · Developer Tools 9,000+ 1108 ★ 462KiB

Stylus Extension · Developer Tools 9,000+ 1101 ★ 1.01MiB

CSS Peeper Extension · Developer Tools 9,000+ 363 ★ 279KiB

WhatRuns Extension · Developer Tools 9,000+ 398 ★ 290KiB

Color Picker for Chrome™ Extension · Developer Tools 9,000+ 118 ★ 194KiB

BuiltWith Technology Profiler Extension · Developer Tools 9,000+ 407 ★ 54.1KiB

Fake Filler Extension · Developer Tools 9,000+ 752 ★ 536KiB

SelectorsHub - XPath Helper Extension · Developer Tools 9,000+ 1384 ★ 556KiB

Detailed SEO Extension Extension · Developer Tools 9,000+ 193 ★ 266KiB

Responsive Viewer Extension · Developer Tools 9,000+ 298 ★ 639KiB

JSON Viewer Pro Extension · Developer Tools 9,000+ 137 ★ 349KiB

Grepper Extension · Developer Tools 9,000+ 405 ★ 1.41MiB

Requestly - Intercept, Modify & Mock HTTP Requests Extension · Developer Tools 9,000+ 1227 ★ 876KiB

User reviews

Najla Nur Ariqah (ID: 00000035c536c722) Voted 5 ★ - Updated 09/03/2021 Actually got recommended to this extension from an article, I just feel i wanted to try it although i don't need it.. But to be honest this extension help my eyes from getting hurt than made it dark theme (i don't really like dark theme, also this is just my opinion). Btw beside of this extension last update is 2017, I saw some people saying this "not working", Idk if this because it's not working on some website or they forgot to refresh page. Because you literally need to REFRESH or RESTART BROWSER anytime after installing an extension. Note: btw on google search, I saw it's working but,, with the low-contrast mode it's make some things of article being highlighted (idk how to describe it) iis that normally like that or..? I don't have problem at all with that I just want to mention that. (here the photo since I am not good at describe thing:https://i.imgur.com/2WSyvmq.jpg)

Beatriz Albino (ID: 0000009a1e4050eb) Voted 5 ★ - Updated 08/17/2021 Hi there! Is this project open source? could you send me the link? :D

Archi Cad (ID: 000000bcb677bb05) Voted 2 ★ - Updated 10/10/2019 I'm a color vision expert and I must say this colorblindness simulator has a lot of shortcomings. It shows protanopia red way too dark, as well as deuteranopia red. It also shows protanomaly and deuteranomaly red hues way too reddish than what they truly perceive them. Their reds are much more closer to yellow hues. Tritanomaly simulation is almost the same as normal vision which is totally wrong. Tritanopia simulation is also wrong since it shows that they practicaly see a whole hue circle with some saturation loss, while in reality they only perceive two hues - our reddish pink and cyanish hue. All in all, if you want to use this extension, use only protanopia and deuteranopia simulations since those are the closest to being correct, but keep in mind that reds are represented darker for both types than what they should be, especially for deutans who see red wavelengths much brighter relative to green wavelengths (they still see both colors as yellowish hues) compared to normal vision. Deuteranopia simulation is actually very close to being correct if it was named protanopia, it just needs a slight double grays (around pink and aqua green) position shift.

Nerdy Maple (ID: 000000c1cc6aecae) Voted 5 ★ - Updated 08/06/2018 I had to restart my computer, but it works. It has a nice range of colour blindness to chose from, and you don't even have to reload the page as it works instantly! I would recommend this to anyone.

Shadowbandit (ID: 000000f7b3c34380) Voted 3 ★ - Updated 02/16/2018 Works well enough, but I have to reset it every time I change the page. I saw that you were going to update it to where it stays, even after a refresh, but until then, I recommend other extensions, such as colorblinding, which can do the same thing, only it does what your app cannot.

Get source code (.Zip)

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

Spectrum