Softonic

Symulator daltonizmu

Krok 1 / 3 Typ symulacji

Około 8% mężczyzn i 0,5% kobiet ma jakąś formę zaburzenia widzenia barw, najczęściej czerwono-zieloną. Prześlij projekt, zrzut ekranu lub ilustrację, wybierz jeden tryb symulacji i porównaj oryginał z wynikiem obok siebie. To pomaga sprawdzić, czy wykres, mapa albo interfejs pozostaje czytelny bez polegania wyłącznie na kolorze.

W jaki sposób działa symulator

  1. 1

    Prześlij obraz

    PNG, JPG, WebP lub SVG. Przetwarzanie odbywa się w przeglądarce, nic nie jest wysyłane.

  2. 2

    Wybierz tryb symulacji

    Wybierz protanopię, protanomalię, deuteranopię, deuteranomalię, tritanopię, tritanomalię, achromatopsję albo achromatomalię.

  3. 3

    Porównaj obok siebie

    Przeglądarka stosuje transformację macierzową i pokazuje oryginał obok wybranej symulacji.

  4. 4

    Eksportuj obraz symulacji

    Pobierz wybraną symulację jako PNG lub zrób zrzut ekranu porównania do przeglądu projektu.

Formy zaburzeń widzenia barw

Schorzenie Występowanie Charakterystyka
Deuteranomalia ~5% mężczyzn Anomalia czerwono-zielona, przesunięcie czopków typu M
Protanomalia ~1% mężczyzn Anomalia czerwono-zielona, przesunięcie czopków typu L
Deuteranopia ~1% mężczyzn Brak czopków M, czerwień i zieleń niemal nie do odróżnienia
Protanopia ~1% mężczyzn Brak czopków L, zmienione postrzeganie czerwieni
Tritanopia bardzo rzadka Brak czopków S, zapadnięcie osi niebiesko-żółtej
Tritanomalia bardzo rzadka Przesunięcie czopków S, łagodne osłabienie widzenia niebiesko-żółtego
Achromatopsja niezwykle rzadka Całkowity brak widzenia barw, tylko odcienie szarości

Większość projektantów zaczyna od deuteranopii i protanopii, ponieważ zaburzenia czerwono-zielone są najczęstsze, a następnie dodaje tryby anomalii i niebiesko-żółte, aby sprawdzić projekt szerzej.

Implikacje projektowe

  • Nie polegaj wyłącznie na czerwieni i zieleni, aby rozróżniać stany. Wskaźniki błędu lub sukcesu wymagają oprócz koloru kształtu, ikony lub etykiety tekstowej. Czerwony krzyżyk i zielony haczyk różnią się wyraźnie; czerwone i zielone koła nie.
  • Wykresy: używaj wypełnień wzorami, bezpośrednich etykiet lub palet różniących się percepcyjnie (ColorBrewer, Viridis). Unikaj palety sygnalizacji świetlnej do wizualizacji danych.
  • Mapy: obrysy i kreskowanie do odróżniania regionów; sam kolor nie wystarcza.
  • Hiperłącza: nigdy nie stylizuj ich wyłącznie kolorem. Podkreślenia lub grubość czcionki pomagają wszystkim, także osobom z prawidłowym widzeniem barw.
  • Wymagane pola formularza: czerwona gwiazdka z etykietą “Wymagane” albo czerwona ramka z tekstem pomocniczym “Wymagane”.
  • Wskaźniki stanu: czerwień, żółć i zieleń sygnalizacji działają jako wzmocnienie, nigdy jako jedyny sygnał.

Dobre wybory palety w projektach bezpiecznych kolorystycznie

  • Viridis (domyślna w matplotlib i D3): przejście z fioletu do żółci o jednolitej charakterystyce percepcyjnej.
  • ColorBrewer jakościowa: 8 odrębnych barw zaprojektowanych tak, aby pozostały rozróżnialne w typowych postaciach CVD.
  • Okabe-Ito: paleta 8 barw opracowana specjalnie z myślą o dostępności dla osób z zaburzeniami widzenia barw.

Narzędzia i testowanie

  • Podglądy symulatora (to narzędzie), szybka kontrola wizualna.
  • Kontroler kontrastu WCAG zapewnia, że tekst pozostaje czytelny niezależnie od postrzegania kolorów.
  • Testy z realnymi użytkownikami: nic nie zastąpi pokazania projektu osobom, które faktycznie mają zaburzenia widzenia barw.

Ciekawostka

Nowoczesne symulatory widzenia barw używają przybliżeń macierzowych tego, jak odpowiedzi czopków odwzorowują się w RGB. Traktuj podgląd jako praktyczną kontrolę projektu, nie jako diagnozę medyczną ani dokładne odtworzenie percepcji konkretnej osoby.

Najczęściej zadawane pytania

To użyteczne przybliżenie, ale rzeczywiste widzenie barw różni się u poszczególnych osób. Większość zaburzeń czerwono-zielonych mieści się na skali od łagodnych do ciężkich, więc traktuj podgląd jako sygnał projektowy, a nie diagnozę.

Deuteranomalia obejmuje największą grupę użytkowników z zaburzeniami widzenia barw (około 5% mężczyzn). Testowanie względem deuteranopii (ciężkiej postaci) to konserwatywna kontrola: jeśli projekt działa w tym wariancie, sprawdzi się też w łagodniejszej anomalii.

Tak, ale znacznie rzadziej (~0,5%). Deficyt czerwono-zielony jest dziedziczony recesywnie z chromosomem X, więc mężczyźni (XY) potrzebują tylko jednego zmienionego X, a kobiety (XX) obu. Tritanopia jest autosomalna i dotyka obu płci w równym stopniu.

Nie bezpośrednio w tym narzędziu. To ogólna symulacja słabego widzenia, obejmująca również rozmycie i zmniejszenie kontrastu. Do pełnej symulacji dostępności służą narzędzia takie jak Lighthouse w Chrome lub NoCoffee.

Powiązane narzędzia

Masowa zmiana rozmiaru obrazów

Przeciągnij kilka obrazów, dopasuj je lub rozciągnij do rozmiaru docelowego i wyeksportuj JPG, PNG albo WebP w jednym ZIP-ie. Przetwarzanie zostaje w przeglądarce.

Komprimuj plik GIF

Zmniejsz animowany plik GIF w przeglądarce: obniż wymiary, zachowaj mniej klatek i dopasuj jakość kodowania. Zobacz podgląd pętli przed pobraniem.

Wektoryzator PNG do SVG

Przekształcaj obrazy rastrowe PNG w ścieżki SVG bezpośrednio w przeglądarce. Najlepsze do logo, ikon i rysunków liniowych. Steruj progiem, liczbą kolorów i wygładzaniem.

Zmiana rozmiaru obrazu

Zmieniaj rozmiar obrazów do dokładnych wymiarów w pikselach lub procentach, zachowując proporcje. Dobre do pracy partiami, bez przesyłania plików.

Kompresor obrazów

Kompresuj obrazy JPG, PNG i WebP, aby zmniejszyć rozmiar pliku przy zachowaniu jakości wizualnej. Wszystko w Twojej przeglądarce, bez wysyłania plików.

Narzędzie do zmiany rozmiaru obrazów do social media

Zmień rozmiar jednego obrazu do wbudowanych presetów dla Instagramu, Facebooka, X, LinkedIn, YouTube, Pinteresta i TikToka. Sprawdź każdy PNG i pobierz potrzebne formaty.