Symulator daltonizmu
Prześlij obraz i zobacz podgląd tego, jak wygląda przy protanopii, deuteranopii, tritanopii lub całkowitej ślepocie barw, a następnie pobierz symulowany wynik.
Symulator daltonizmu — Przeciągnij obraz i od razu zobacz, jak wyglądałby dla osoby z ślepotą na czerwień (protanopia), zieleń (deuteranopia), błękit (tritanopia) lub całkowicie pozbawioną widzenia barw (achromatopsja). Symulacja działa w całości w Twojej przeglądarce na płótnie, piksel po pikselu — Twój obraz nigdy nie jest przesyłany na żaden serwer, więc nawet prywatne makiety i zrzuty ekranu pozostają na Twoim urządzeniu. Wybierz typ, porównaj oryginał z wynikiem obok siebie i pobierz symulowany plik PNG.
Czym jest Symulator daltonizmu?
Symulator daltonizmu to bezpłatne narzędzie działające w przeglądarce, które renderuje obraz tak, jak postrzegałaby go osoba z określonym zaburzeniem widzenia barw. Obsługuje trzy powszechne dichromazje — protanopię (osłabienie czerwieni), deuteranopię (osłabienie zieleni) i tritanopię (osłabienie błękitu) — a także achromatopsję, czyli widok całkowicie monochromatyczny (w skali szarości). Projektanci, programiści i recenzenci dostępności używają go, by sprawdzić, czy wykresy, stany interfejsu, kolory statusów i infografiki nadal mają sens, gdy znaczenie niesie sam kolor. Ponieważ mniej więcej jeden na dwunastu mężczyzn ma jakąś postać zaburzenia widzenia barw, symulowanie tych widoków przed publikacją pomaga wychwycić projekty, które zbyt mocno polegają na kontraście kolorów znikającym dla części Twoich odbiorców.
Jak używać Symulator daltonizmu
- Przeciągnij obraz na obszar przesyłania lub kliknij go, aby wybrać plik PNG, JPG lub WebP z urządzenia.
- Otwórz listę rozwijaną Typ widzenia barw i wybierz Protanopię, Deuteranopię, Tritanopię lub Achromatopsję (wybierz Brak, aby zobaczyć niezmieniony oryginał).
- Symulowany podgląd aktualizuje się automatycznie obok oryginału, dzięki czemu możesz porównać oba obok siebie.
- Kliknij dowolny podgląd, aby otworzyć go w powiększalnym oknie podglądu i przyjrzeć się szczegółom z bliska.
- Naciśnij Pobierz, aby zapisać symulowany obraz jako PNG, lub Resetuj, aby go wyczyścić i wypróbować inny obraz.
Przykłady
Sprawdzanie czerwono-zielonej plakietki statusu
Prześlij zrzut ekranu interfejsu, który używa czerwieni dla 'error' i zieleni dla 'success', wybierz Deuteranopię i obserwuj, jak oba kolory zbiegają się ku podobnemu, mętnemu odcieniowi — to znak, że zamiast polegać wyłącznie na kolorze, powinieneś dodać ikony lub etykiety.
Przeglądanie wykresu danych
Wczytaj wieloseryjny wykres liniowy lub kołowy, przełączaj się między Protanopią a Tritanopią i upewnij się, że każda seria pozostaje rozróżnialna; jeśli linie się zlewają, dostosuj paletę lub dodaj wzory.
Test czytelności w pełnej skali szarości
Wybierz Achromatopsję, aby spłaszczyć obraz wyłącznie do luminancji; jeśli tekst lub kluczowe elementy znikają, Twój projekt opiera się na barwie, a nie na kontraście jasności.
Najczęściej zadawane pytania
- Jakie rodzaje daltonizmu potrafi symulować?
- Symuluje protanopię (ślepota na czerwień), deuteranopię (ślepota na zieleń) i tritanopię (ślepota na błękit) za pomocą standardowych macierzy transformacji RGB, a także achromatopsję, która przekształca obraz w skalę szarości opartą na luminancji. Wybranie opcji Brak pozostawia oryginalny obraz bez zmian.
- Czy mój obraz jest przesyłany na serwer?
- Nie. Cała symulacja odbywa się lokalnie w Twojej przeglądarce przy użyciu płótna HTML — plik nigdy nie opuszcza Twojego urządzenia i nic nie jest wysyłane na żaden serwer, więc działa offline i zachowuje prywatność prywatnych obrazów.
- Jakich formatów obrazu i wyjścia mogę używać?
- Możesz wczytywać popularne obrazy rastrowe, takie jak PNG, JPG i WebP. Symulowany wynik jest zawsze eksportowany jako PNG, aby zachować przezroczystość, gdy występuje.
- Jak dokładna jest symulacja?
- Wykorzystuje dobrze znane przybliżenia liniowej macierzy kolorów, które świetnie nadają się do wykrywania problemów z zależnością od koloru w interfejsie i grafice. To praktyczna pomoc projektowa, a nie kliniczne ani medyczne narzędzie diagnostyczne, więc traktuj wynik jako wskazówkę, a nie dokładne odwzorowanie widzenia konkretnej osoby.
- Dlaczego symulowane kolory wyglądają na stłumione lub przesunięte?
- Każde zaburzenie usuwa lub osłabia jedną odpowiedź czopków, więc kolory zależne od tego kanału przesuwają się ku pozostałym. To zlewanie się odrębnych barw w podobne odcienie to dokładnie ten efekt, który chcesz wykryć przed publikacją.
Powiązane narzędzia
Kod na obraz
Zamień fragment kodu na dopracowaną kartę PNG z podświetlaniem składni w przeglądarce, z motywem, tłem gradientowym lub przezroczystym oraz wypełnieniem — bez przesyłania.
Sprawdzanie kontrastu kolorów
Sprawdź współczynnik kontrastu WCAG między kolorem HEX pierwszego planu a tłem i zobacz, czy spełnia AA i AAA dla tekstu normalnego i dużego.
Mikser kolorów
Zmieszaj dwa kolory HEX w wybranej proporcji w przestrzeni RGB lub Lab i odczytaj powstały kolor pośredni jako próbkę oraz kopiowalną wartość HEX.
Generator odcieni koloru
Zamień jeden bazowy kolor HEX w skalę odcieni 50-950 w stylu Tailwind, mieszając go w stronę bieli i czerni; każdy stopień z próbką i kopiowalnym HEX-em.