Simulátor barvosleposti
Bezplatný simulátor barvosleposti. Prohlédni si libovolný obrázek s protanopií, deuteranopií, tritanopií, jejich mírnějšími formami či achromatopsií.
Jak používat simulátor barvosleposti
- Přetáhni obrázek do zóny pro přetažení, nebo na ni klikni a vyber soubor (JPG, PNG, WebP, GIF…). Můžeš také kliknout na Použít ukázkový obrázek a načíst testovací tabulku odstínů a snadno zaměnitelných dvojic barev.
- Vyber Typ poruchy barevného vidění: Protanopie, Deuteranopie, Tritanopie, jejich mírnější formy Protanomálie, Deuteranomálie a Tritanomálie, nebo Achromatopsie.
- U tří anomálních typů nastav Závažnost od 10 % do 90 %.
- Vyber Zobrazení: Vedle sebe ukáže originál a simulovaný obrázek vedle sebe; Posuvník je položí přes sebe, takže dělicí čáru můžeš přetahovat přes obraz.
- Kliknutím na Stáhnout simulovaný obrázek uložíš výsledek jako PNG.
Obrázek tvoje zařízení neopouští: čte se a zpracovává ve tvém prohlížeči. Nic se nenahrává na server. Velmi velké obrázky se zmenší na 1 600 pixelů na delší straně, aby byla simulace rychlá.
Typy barvosleposti
Normální barevné vidění stojí na třech druzích čípků citlivých na dlouhé (L, „červené“), střední (M, „zelené“) a krátké (S, „modré“) vlnové délky.
- Protanopie a protanomálie: čípky L chybějí nebo jsou posunuté. Červené odstíny působí tmavěji a zaměňují se se zelenými a hnědými. Každou z forem má asi 1 % mužů.
- Deuteranopie a deuteranomálie: čípky M chybějí nebo jsou posunuté. Deuteranomálie je zdaleka nejčastější poruchou, postihuje asi 5 % mužů evropského původu; červená, oranžová, žlutá a zelená se obtížně rozlišují.
- Tritanopie a tritanomálie: postiženy jsou čípky S. Zaměňují se modré se zelenými a žluté s růžovými odstíny. Je vzácná (výrazně pod 0,1 %) a postihuje muže i ženy stejně.
- Achromatopsie (tyčinková monochromázie): žádné funkční čípky, takže svět vidíš v odstínech šedi, často spolu s citlivostí na světlo. Postihuje asi 1 člověka z 30 000. Simulace ukazuje jen jas obrázku.
Celkově má nějakou formu poruchy červeno-zeleného vidění zhruba 1 muž z 12 a 1 žena z 200.
Jak simulace funguje
Nástroj používá fyziologický model Machada, Oliveiry a Fernandese (2009), „A Physiologically-based Model for Simulation of Color Vision Deficiency“, IEEE Transactions on Visualization and Computer Graphics 15(6). Autoři zveřejnili pro každou poruchu a každou závažnost od 0 do 1 po krocích 0,1 jednu matici 3 × 3; nástroj používá závažnost 1 pro typy „‑opie“ a u anomálních typů interpoluje mezi zveřejněnými kroky.
Tyto matice jsou definovány pro lineární RGB. Každý pixel se proto převede ze sRGB na lineární světlo, vynásobí maticí, omezí do platného rozsahu a zakóduje zpět do sRGB. Použití matic přímo na hodnoty s gama korekcí, jak to dělá řada rychlých filtrů, způsobí, že červené odstíny jsou příliš tmavé. Achromatopsie používá standardní váhy jasu sRGB (0,2126, 0,7152, 0,0722).
Simulace je aproximace. Skutečné barevné vidění se u lidí liší a obrazovka nemůže přesně ukázat, co vnímá někdo jiný. Použij ji k nalezení problémů a pak je pokud možno ověř se skutečnými uživateli.
Tipy pro design vhodný pro barvoslepé
- Nespoléhej jen na barvu: přidej popisky, ikony, vzory nebo podtržení.
- Vyhni se dvojicím červená/zelená pro stavy dobrý/špatný; modrá/oranžová je mnohem bezpečnější.
- Mezi barvami, které se musí rozlišit, zachovej výrazný rozdíl ve světlosti. Ověř to pomocí Achromatopsie: pokud dvě plochy vypadají stejně šedě, mnoho lidí bude mít potíže.
- Testuj grafy, mapy, stavové štítky a chyby formulářů, nejen fotografie.
Časté dotazy
Který typ mám testovat jako první?
Deuteranomálii a deuteranopii, protože jsou nejčastější, poté protanopii. Pokud tvůj návrh obstojí u nich a u tritanopie, bude fungovat pro většinu lidí.
Co mění nastavení závažnosti?
Určuje, jak moc jsou postižené čípky v Machadově modelu posunuté: 10 % je sotva viditelné, 90 % se blíží úplné dichromázii. Dichromázie (typy „‑opie“) vždy používají 100 %.
Je simulace lékařsky přesná?
Je to dobře citovaný vědecký model, ale diagnózu nenahradí. Na to, co člověk vidí, mají vliv kalibrace obrazovky, osvětlení i individuální rozdíly.
Mohu tímto nástrojem zkontrolovat web?
Pořiď snímek stránky a přetáhni ho do nástroje. Tak můžeš projít celá rozložení, grafy i tlačítka najednou.
Nahrává se můj obrázek na server?
Ne. Obrázek se dekóduje a zpracovává lokálně ve tvém prohlížeči pomocí canvasu; na server se nic neodesílá.
Související nástroje
- Kontrola kontrastu barev Bezplatná kontrola kontrastu podle WCAG. Zadej barvu textu a pozadí a získáš poměr kontrastu, výsledky AA/AAA a nejbližší vyhovující barvu.
- Paleta barev z obrázku Získej barevnou paletu z libovolného obrázku. Vlož fotku a dostaneš její dominantní barvy jako kódy HEX s podílem na obrázku, připravené ke kopírování.
- Výběr barvy z obrázku Vlož obrázek a kliknutím na libovolný pixel získáš jeho barvu jako HEX, RGB, HSL, HSV a CMYK. Lupa, průměrování a seznam vybraných barev ve tvém prohlížeči.