Simulátor barvosleposti

Podívejte se na svůj obrázek očima někoho s poruchou barevného vidění. Zvolte typ, prohlédněte si náhled a stáhněte výsledek. Vše běží v prohlížeči.

Jak Simulátor barvosleposti funguje

Simulátor barvosleposti aplikuje matice barevné transformace na váš obrázek, aby ukázal, jak ho vidí lidé s protanopií (slepota pro červenou), deuteranopií (slepota pro zelenou), tritanopií (slepota pro modrou) nebo achromatopsií (úplná barvoslepost). Matice se aplikují pixel po pixelu pomocí Canvas.getImageData() a Canvas.putImageData() ve vašem prohlížeči. Žádná data obrázku se nepřenášejí na server.

Simulace jsou založeny na publikovaných percepčních modelech odvozených ze studií poruch barvového vidění. Jsou to aproximace toho, jak vizuální systém postižené osoby zpracovává barvu, nikoli přesné reprodukce individuální zkušenosti, která se liší. Nástroj je navržen tak, aby pomohl návrhářům a vývojářům identifikovat problémy s kontrastem nebo barevným kódováním, které by ovlivnily značnou část jejich publika: přibližně 8 procent mužů a 0,5 procenta žen má nějakou formu poruchy barvového vidění.

Napsal Bastien Sulyan

Simulátor barvosleposti: návod krok za krokem

Přetáhněte obrázek do oblasti nahrávání nebo klikněte pro výběr.
Z nabídky vyberte typ poruchy barvového vidění: protanopie, deuteranopie, tritanopie nebo achromatopsie.
Zobrazte simulovaný výsledek vedle originálu v panelu porovnání.
Přepínejte mezi typy simulace a porovnávejte, jak každý stav ovlivňuje obrázek.
Použijte zobrazení vedle sebe pro identifikaci oblastí, kde barva sama o sobě nese informaci, která může být ztracena.

Časté případy použití

Návrhář uživatelského rozhraní zkontroluje, zda je červeno-zelený stavový indikátor rozlišitelný pro uživatele s deuteranopií před vydáním funkce.
Autor datové vizualizace ověří, zda víceliniový graf s barevně odlišenými řadami zůstane čitelný v simulaci protanopie.
Návrhář značky posoudí, jak se logo s přechodovými barvami čte při achromatopsii, aby zajistil zachování rozpoznatelného tvaru a kontrastu.
Herní vývojář otestuje, zda jsou barevně kódované zóny mapy rozlišitelné pro hráče s tritanopií, a přidá vzorová výplně jako doplněk barevného kódování.

Často kladené otázky

Jak přesné jsou simulace barvosleposti?

Simulace aplikují percepční transformační matice odvozené z publikovaného výzkumu poruch barvového vidění. Jsou to vědecky podložené aproximace typických případů každého stavu. Individuální zkušenost se liší: závažnost se u lidí se stejnou diagnózou liší a simulace nemůže zohlednit kompenzační strategie, které někteří uživatelé vyvinuli. Výstup berte jako užitečný indikátor, nikoli jako definitivní test.

Pokrývá nástroj všechny typy barvosleposti?

Čtyři typy, které jsou pokryty, jsou nejběžnější formy poruchy barvového vidění a úplná barvoslepost. Typy anomální trichromacie (protanomalie, deuteranomalie, tritanomalie), které představují částečné poruchy, nejsou v aktuální verzi samostatně modelovány.

Analyzuje se můj obrázek na serveru pro vytvoření simulace?

Ne. Transformace barevné matice se vypočítává lokálně pomocí Canvas.getImageData() pro čtení pole pixelů a Canvas.putImageData() pro zápis výsledku. Veškeré zpracování probíhá uvnitř záložky prohlížeče a data obrázku zůstávají na vašem zařízení.

Mohu tento nástroj použít pro kontrolu poměrů kontrastu barev?

Tento nástroj ukazuje, jak barvy vypadají lidem s poruchou barvového vidění, ale numericky nepočítá poměry kontrastu WCAG. Pro numerickou kontrolu kontrastu použijte nástroj Color Converter, který obsahuje kontrolu kontrastu WCAG.

Funguje nástroj s obrázky obsahujícími text?

Ano. Transformace se aplikuje na celé pole pixelů, včetně veškerého textu vykresleného v obrázku. To vám umožní zkontrolovat, zda barva textu vůči jeho pozadí zůstává čitelná v každém simulovaném stavu.

Související nástroje

Zachovejte vše lokálně, prozkoumejte doplňkové nástroje.

Všechny nástroje na obrázky