Color Blindness Simulator & Checker

ЦветИзображение
РЕКЛАМА · УДАЛЯТЬ?

Загрузка изображения

Максимум 10 МБ. Поддерживаемые форматы: JPG, PNG, GIF, WebP


Или

Color Palette Testing

Enter colors to test how they appear under different types of color vision deficiency.


Simulation Settings

Upload an image or enter colors above to simulate color blindness
РЕКЛАМА · УДАЛЯТЬ?

Гид

Color Blindness Simulator & Checker

Color Blindness Simulator & Checker

See how your images and color palettes look to people with color vision deficiency. Simulate 8 types of CVD and test your designs for WCAG contrast compliance to ensure accessibility for all users.

Как использовать

Upload an image or enter color values to simulate. Select a color vision deficiency type to see how your design appears to affected users. Use the contrast checker to verify your color combinations meet WCAG accessibility standards.

Функции

  • 8 CVD simulations – Protanopia, Deuteranopia, Tritanopia, Protanomaly, Deuteranomaly, Tritanomaly, Achromatopsia, and Achromatomaly
  • Image simulation – Upload any image and see it through different CVD perspectives
  • Color palette testing – Check how individual colors and palettes appear under each type
  • WCAG contrast checker – Verify foreground/background color combinations meet AA and AAA standards
  • Side-by-side comparison – Compare original and simulated views
  • Обработка на стороне клиента – Your images stay in your browser

РЕКЛАМА · УДАЛЯТЬ?

Часто задаваемые вопросы

  1. What causes color blindness and how common is it?

    Color blindness (color vision deficiency) is usually inherited through X-linked recessive genes, which is why it affects roughly 8% of men but only 0.5% of women. The condition occurs when one or more types of cone cells in the retina are absent or dysfunctional. The three cone types respond to red (long), green (medium), and blue (short) wavelengths. Most color blind individuals are not truly 'blind' to color but perceive a reduced range of distinguishable hues.

  2. What is the difference between protanopia, deuteranopia, and tritanopia?

    These are the three types of dichromacy (complete absence of one cone type). Protanopia lacks red-sensitive cones, making reds appear dark and indistinguishable from greens. Deuteranopia lacks green-sensitive cones with similar red-green confusion but without the darkening. Tritanopia lacks blue-sensitive cones, causing blue-yellow confusion. Protanopia and deuteranopia are far more common (affecting ~2% and ~6% of males respectively) while tritanopia is rare (~0.01% of the population).

  3. Why is designing for color accessibility important?

    Approximately 300 million people worldwide have some form of color vision deficiency. If information is conveyed only through color — like red for errors and green for success — these users may miss critical feedback. Accessible design uses multiple cues: icons, patterns, labels, and sufficient contrast alongside color. WCAG guidelines recommend a minimum contrast ratio of 4.5:1 for text and advise never using color as the sole means of conveying information.

Хотите убрать рекламу? Откажитесь от рекламы сегодня

Установите наши расширения

Добавьте инструменты ввода-вывода в свой любимый браузер для мгновенного доступа и более быстрого поиска

в Расширение Chrome в Расширение края в Расширение Firefox в Расширение Opera

Табло результатов прибыло!

Табло результатов — это интересный способ следить за вашими играми, все данные хранятся в вашем браузере. Скоро появятся новые функции!

РЕКЛАМА · УДАЛЯТЬ?
РЕКЛАМА · УДАЛЯТЬ?
РЕКЛАМА · УДАЛЯТЬ?

новости с техническими моментами

Примите участие

Помогите нам продолжать предоставлять ценные бесплатные инструменты

Купи мне кофе
РЕКЛАМА · УДАЛЯТЬ?