Przejdź do treści
100% lokalnie

Symulator ślepoty barw

Zobaczysz, jak osoba ze ślepotą barw postrzega kolory.

Wejście
100
Wynik

Symulator ślepoty barw

Wklej jeden kolor na linię, a narzędzie pokaże ci, jak go postrzega osoba ze ślepotą barw, obok oryginału. Konwertuje każdy kolor do przestrzeni odpowiedzi stożków LMS, stosuje macierz symulacji wybranej wady i konwertuje z powrotem — ten sam podejście co profesjonalne narzędzia dostępności, wszystko działa lokalnie w przeglądarce.

Wybierz typ wady z ośmiu najczęstszych form: protanopia, deuteranopia i tritanopia to całkowita utrata odpowiedzi stożków czerwonych, zielonych lub niebieskich; protanomalia, deuteranomalia i tritanomalia to łagodniejsze wersje "słabe", które są w praktyce znacznie częstsze; achromatopsia i achromatomalia symulują całkowite i częściowe ślepotę na kolory. Suwak siły ustawia efekt od 0% (bez zmian) do 100% (pełny efekt symulowany), przydatne do pokazania spektrum nasilenia zamiast jednego najgorszego przypadku. Wynik drukuje się w HEX, RGB lub HSL, z małą próbką obok każdej wartości, więc różnica jest widoczna, nie tylko czytelna.

Napisy dwa kolory na linię — tekst i tło w dowolnej kolejności — i narzędzie również raportuje stosunek kontrastu WCAG między nimi przed i po symulacji, z powodzeniem/porażką względem progu 4.5:1 AA. To łapie powszechny błąd: projekt z wystarczającym kontrastem dla normalnego widzenia, który się rozpada ku nieczytelności, gdy czerwień i zieleń lub błękit i żółty stają się trudne do rozróżnienia. Kolory można pisać jako hex, rgb()/rgba(), hsl()/hsla() lub zwykłe nazwy CSS; linia bez rozpoznanego koloru jest przechowywana jako krótka notatka zamiast być usunięta.

Wszystko działa lokalnie w przeglądarce — żaden kolor ani plik projektu nie są nigdy przesyłane. Skopiuj wynik, pobierz go jako plik .txt lub wyślij z powrotem na wejście, aby sprawdzić inną paletę z innym typem wady.

Częste pytania

Który typ wady powinienem sprawdzić jako pierwszy?
Deuteranopia i deuteranomalia (zmniejszona lub brakująca odpowiedź zieleni) to najczęstsze formy, a następnie typy protanu (czerwienie). Tritanopia i tritanomalia (niebieskie) są rzadkie. Sprawdzanie wszystkich trzech osi barw daje ci pełny obraz.
Jaka jest różnica między protanopiąę a protanomaliąę?
Protanopia to całkowita nieobecność odpowiedzi stożków czułych na czerwień; protanomalia to przesunięta, słabsza wersja. Formy "-omalia" to łagodniejszy i znacznie bardziej powszechny stan — pełna dichromazja jest stosunkowo rzadka.
Jak obliczana jest symulacja?
Każdy kolor jest konwertowany z RGB do przestrzeni odpowiedzi stożków LMS, brakująca lub przesunięta odpowiedź stożków jest rekonstruowana z pozostałych dwóch za pomocą ustalonej macierzy symulacji, a wynik jest konwertowany z powrotem do RGB. Achromatopsia jest modelowana oddzielnie jako luminancja-bazowana skala szarości, ponieważ nie ma pojedynczej utraty stożków do symulacji.
Czy mogę sprawdzić kontrast między dwoma kolorami po symulacji?
Tak. Napisz dwa kolory na linię — kolor tekstu i tło, na przykład — a narzędzie raportuje stosunek kontrastu WCAG przed i po symulacji, abyś widział, czy kombinacja nadal działa.
Czy moje kolory są przesyłane gdziekolwiek?
Nie. Symulacja działa całkowicie w twojej przeglądarce za pomocą JavaScriptu — żaden kolor, który tutaj wkleisz, nie jest wysyłany na serwer.