Přeskočit na obsah
100% lokálně

Simulátor barvosleposti

Podívejte se, jak vnímá barvy osoba s poruchou vidění barev.

Vstup
100
Výstup

Simulátor barvosleposti

Vložte jednu barvu na řádek a nástroj zobrazí, jak ji vidí osoba s poruchou vidění barev, vedle původní barvy. Konvertuje každou barvu do prostoru odezvy kuželů LMS, aplikuje simulační matici pro zvolenou poruchu a konvertuje zpět — stejný přístup jako profesionální nástroje pro přístupnost, všechno běží přímo v prohlížeči.

Vyberte si typ poruchy z osmi nejběžnějších forem: protanopia, deuteranopia a tritanopia jsou úplná ztráta odezvy kuželů červené, zelené nebo modré; protanomálie, deuteranomálie a tritanomálie jsou mírnější "slabé" verze, které jsou v praxi mnohem běžnější; achromatopsia a achromatomálie simulují úplnou a částečnou barvosleposť. Posuvník síly nastaví efekt od 0 % (beze změny) do 100 % (plný simulovaný efekt), užitečné pro zobrazení spektra závažnosti namísto jednoho nejhoršího případu. Výstup se tiskne v HEX, RGB nebo HSL, s malou vzorkou vedle každé hodnoty, takže rozdíl je viditelný, ne jen čitelný.

Napište dvě barvy na řádek — popředí a pozadí v libovolném pořadí — a nástroj také hlásí poměr kontrastu WCAG mezi nimi před a po simulaci, s úspěchem/selhání oproti prahu 4.5:1 AA. To zachycuje běžné selhání: design s dostatečným kontrastem pro normální vidění, který se hroutí k nečitelnosti, když se červená a zelená nebo modrá a žlutá stávají obtížně rozlišitelné. Barvy lze psát jako hex, rgb()/rgba(), hsl()/hsla() nebo běžné názvy CSS; řádek bez rozpoznané barvy se uchovává jako krátka poznámka místo odstranění.

Vše běží lokálně ve vašem prohlížeči — žádná barva ani soubor designu se nikdy nenahrávají. Zkopírujte výsledek, stáhněte jej jako soubor .txt nebo jej pošlete zpět na vstup pro kontrolu jiné palety s odlišným typem poruchy.

Časté dotazy

Který typ poruchy mám kontrolovat nejdříve?
Deuteranopia a deuteranomálie (snížená nebo chybějící odezva zelené) jsou nejběžnější formy, následované protanskými (červenými) typy. Tritanopia a tritanomálie (modrá) jsou vzácné. Kontrola všech tří barevných os vám dává nejúplnější obraz.
Jaký je rozdíl mezi protanopiou a protanomálií?
Protanopia je úplná absence odezvy kuželů vnímajících červenou; protanomálie je posunuta, slabší verze. Formy s koncovkou "-omálie" jsou mírnější a mnohem běžnější stavem — úplná dichromázie je relativně vzácná.
Jak se počítá simulace?
Každá barva se konvertuje z RGB do prostoru odezvy kuželů LMS, chybějící nebo posunuta odezva kuželů se rekonstruuje z ostatných dvou pomocí pevné simulační matice a výsledek se konvertuje zpět na RGB. Achromatopsia se modeluje zvlášť jako luminanci-basedgrayscale, protože tam není žádná jednotná ztráta kuželů k simulaci.
Mohu kontrolovat kontrast mezi dvěma barvami po simulaci?
Ano. Napište dvě barvy na řádek — barvu textu a pozadí, například — a nástroj hlásí poměr kontrastu WCAG před a po simulaci, takže uvidíte, zda kombinace stále funguje.
Jsou moje barvy nahrány někde?
Ne. Simulace běží zcela ve vašem prohlížeči pomocí JavaScriptu — žádná barva, kterou sem vložíte, se neposílá na server.