Symulator ślepoty barw

Zobacz swój obraz oczami osoby z zaburzeniem widzenia barw. Wybierz typ, podejrzyj i pobierz wynik. Wszystko działa w przeglądarce.

Jak działa Symulator ślepoty barw

Symulator daltonizmu stosuje macierze transformacji kolorów do Twojego obrazu, pokazując, jak wygląda on dla osób z protanopią (ślepota na czerwień), deuteranopią (ślepota na zieleń), tritanopią (ślepota na niebieski) lub achromatopsją (całkowita ślepota barwna). Macierze są stosowane piksel po pikselu za pomocą Canvas.getImageData() i Canvas.putImageData() w przeglądarce. Żadne dane obrazu nie są przesyłane na serwer.

Symulacje oparte są na opublikowanych modelach percepcji wywiedzionych z badań nad niedoborem widzenia barwnego. Są to przybliżenia sposobu przetwarzania kolorów przez układ wzrokowy osoby z daną wadą, a nie dokładne odwzorowania indywidualnych doświadczeń, które są zmienne. Narzędzie ma pomóc projektantom i programistom identyfikować problemy z kontrastem lub kodowaniem kolorów, które dotyczyłyby znacznej części odbiorców: około 8 procent mężczyzn i 0,5 procent kobiet ma jakąś formę niedoboru widzenia barwnego.

Napisał Bastien Sulyan

Symulator ślepoty barw: instrukcja krok po kroku

Upuść obraz na obszar przesyłania lub kliknij, aby przeglądać.
Wybierz typ niedoboru widzenia barwnego z menu: protanopia, deuteranopia, tritanopia lub achromatopsja.
Wyświetl symulowany wynik obok oryginału w panelu porównania.
Przełączaj się między typami symulacji, aby porównać, jak każdy stan wpływa na obraz.
Użyj widoku obok siebie, aby zidentyfikować obszary, w których tylko kolor przekazuje informacje, które mogą zostać utracone.

Typowe zastosowania

Projektant UI sprawdza, czy wskaźnik statusu czerwony-zielony jest rozróżnialny dla użytkowników z deuteranopią przed uruchomieniem funkcji.
Autor wizualizacji danych sprawdza, czy wykres wieloliniowy z seriami zakodowanymi kolorami pozostaje czytelny w symulacji protanopii.
Projektant marki ocenia, jak logo z gradientem kolorów wygląda przy achromatopsji, aby upewnić się, że zachowuje rozpoznawalny kształt i kontrast.
Deweloper gier sprawdza, czy zakodowane kolorami strefy mapy są rozróżnialne dla graczy z tritanopią i dodaje wzory, aby uzupełnić kodowanie kolorami.

Często zadawane pytania

Jak dokładne są symulacje daltonizmu?

Symulacje stosują macierze transformacji percepcyjnej wywiedzione z opublikowanych badań nad niedoborem widzenia barwnego. Są to naukowo uzasadnione przybliżenia typowych przypadków każdego stanu. Indywidualne doświadczenia różnią się: nasilenie różni się między osobami z tą samą diagnozą, a symulacja nie może uwzględniać strategii kompensacyjnych, które niektórzy użytkownicy opracowują. Traktuj wynik jako wskaźnik pomocniczy, a nie definitywny test.

Czy narzędzie obejmuje wszystkie rodzaje daltonizmu?

Cztery typy objęte to najczęstsze formy niedoboru widzenia barwnego i całkowitej ślepoty barwnej. Typy anomalicznej trójbarwności (protanomalię, deuteranomalię, tritanomalię), które reprezentują częściowe niedobory, nie są oddzielnie modelowane w bieżącej wersji.

Czy mój obraz jest analizowany na serwerze w celu wytworzenia symulacji?

Nie. Transformacja macierzą kolorów jest obliczana lokalnie za pomocą Canvas.getImageData() do odczytu tablicy pikseli i Canvas.putImageData() do zapisania wyniku. Całe przetwarzanie odbywa się wewnątrz karty przeglądarki, a dane obrazu pozostają na Twoim urządzeniu.

Czy mogę użyć tego narzędzia do sprawdzania współczynników kontrastu kolorów?

To narzędzie pokazuje, jak kolory wyglądają dla osób z niedoborem widzenia barwnego, ale nie oblicza liczbowo współczynników kontrastu WCAG. Do numerycznego sprawdzania kontrastu użyj narzędzia Konwerter kolorów, które zawiera sprawdzarkę kontrastu WCAG.

Czy narzędzie działa z obrazami zawierającymi tekst?

Tak. Transformacja jest stosowana do całej tablicy pikseli, w tym wszelkiego tekstu renderowanego na obrazie. Pozwala to sprawdzić, czy kolor tekstu na tle pozostaje czytelny w każdym symulowanym stanie.

Powiązane narzędzia

Utrzymuj wszystko lokalnie, odkrywaj narzędzia uzupełniające.

Wszystkie narzędzia do obrazów