ToolHub
Otwórz narzędzie

Symulator daltonizmu

Symuluj wygląd kolorów przy różnych typach daltonizmu

Narzędzia CSS
Uruchom narzędzie Wszystkie narzędzia

O tym narzędziu

Symulator daltonizmu umożliwia wybranie dowolnego koloru i natychmiastowe zobaczenie, jak wygląda on dla osób z protanopią, deuteranopią, tritanopią i achromatopsją. Wykorzystuje naukowo precyzyjne macierze transformacji kolorów, generując wyniki porównawcze obok siebie z wartościami RGB i HEX dla każdej symulacji.

Główne funkcje

Szybki podgląd

Przypadki użycia

color-blindness accessibility a11y simulation

Często zadawane pytania

Jakie typy daltonizmu symuluje to narzędzie?

Narzędzie symuluje cztery typy: protanopię (czerwonoślepotę), deuteranopię (zielonoślepotę), tritanopię (niebieskoślepotę) i achromatopsję (całkowitą ślepotę barw). Każdy typ wykorzystuje naukowo zweryfikowane macierze transformacji kolorów.

Jak dokładne są wyniki symulacji?

Symulacja wykorzystuje macierze transformacji kolorów ustalone w badaniach nad percepcją wzrokową. Chociaż zapewniają one dobre przybliżenie, indywidualne doświadczenia daltonizmu są różne, dlatego należy traktować je jako punkt odniesienia, a nie dokładną reprezentację.

Czy można testować wiele kolorów jednocześnie?

Narzędzie symuluje jeden kolor naraz, ale możesz szybko przełączać się między kolorami za pomocą próbnika kolorów, wejścia szesnastkowego, przycisków przykładowych kolorów lub przycisku losowego koloru. Każda zmiana natychmiast aktualizuje wszystkie pięć paneli symulacji.

Czy moje dane są wysyłane na serwer?

Nie. Wszystkie transformacje i symulacje kolorów są obliczane lokalnie w przeglądarce za pomocą JavaScript. Żadne dane nie są przesyłane na serwer, co zapewnia pełną prywatność Twoich informacji.

Jak używać tego narzędzia do testowania dostępności?

Wybierz kolor używany w swoim projekcie lub aplikacji i sprawdź, czy symulowane wersje pozostają rozróżnialne. Jeśli kolory stają się zbyt podobne w którymkolwiek typie symulacji, rozważ dostosowanie palety, aby zapewnić dostępność dla wszystkich użytkowników.

Powiązane narzędzia

Konstruktor animacji CSSDobór czcionek CSSSzablon CSS GridCSS na Tailwind