TL
Tool Lab
💰Donate
💰Donate

Color Blindness Simulator

Simulate how colors appear to people with protanopia, deuteranopia, and tritanopia.

Red
Green
Blue
Orange
Purple
Yellow
Cyan
Pink

O tym narzędziu

Symulator daltonizmu stosuje filtry macierzy kolorów CSS do przykładowych kolorów, pokazując jak projekty wyglądają dla osób z różnymi typami zaburzeń widzenia barw.

Używaj tego narzędzia podczas projektowania komponentów UI, wykresów, map lub treści wizualnych opartych na kolorze.

Rodzaje daltonizmu

  • Normalne widzenie: Normalne widzenie: pełna percepcja kolorów
  • Protanopia (ślepota na czerwień): Protanopia: brak czerwonych czopków (~1% mężczyzn)
  • Deuteranopia (ślepota na zieleń): Deuteranopia: brak zielonych czopków (najczęstsza, ~1% mężczyzn)
  • Tritanopia (ślepota na niebieski): Tritanopia: brak niebieskich czopków (rzadka, ~0,003%)
  • Acromatopsja (brak kolorów): Acromatopsja: brak percepcji kolorów, tylko skala szarości (bardzo rzadka)
  • Achromatomalia (ograniczone kolory): Achromatomalia: zmniejszona wrażliwość na kolor w kilku typach czopków

Jak używać

  1. Wybierz typ symulacji z listy rozwijanej.
  2. Obserwuj, jak próbki kolorów i spektrum zmieniają się przy wybranym filtrze.
  3. Porównaj z normalnym widzeniem, aby zidentyfikować problematyczne kombinacje kolorów.

Przypadki użycia

Projektanci UI/UX sprawdzają, czy stany przycisków i wskaźniki statusu pozostają rozróżnialne. Twórcy wizualizacji danych zapewniają dostępność kolorów wykresów.

Często zadawane pytania

  • Jak dokładne są te symulacje?Używają ustalonych przekształceń macierzy kolorów i są dobrymi przybliżeniami.
  • Jaki procent osób jest daltonistą?Około 8% mężczyzn i 0,5% kobiet ma jakąś formę zaburzeń widzenia barw.
  • Jaki jest najlepszy sposób projektowania dla daltonistów?Łącz kolor z innymi wskazówkami wizualnymi, takimi jak kształt, wzór, etykieta lub tekstura.