Симулятор дальтонизма
Симуляция 8 типов нарушения цветового зрения и проверка контрастности по WCAG.
Цвет переднего плана
Цвет фона
Выбрать тип
Дейтеранопия
Доля затронутого населения ~1%tools.colorBlindnessSimulator.affectedDeuteranopia
Предпросмотр текста
Крупный пример текста
Мелкий пример текста
Коэффициент контрастности
Результаты симуляции
#3b82f6#418efa~1% of population
#007df4~1% of population
#009eb0<0.1% of population
#3f8af9~1% of population
#227ff5~5% of population
#0093d0<0.1% of population
#858585<0.01% of population
#6f84bd~0.1% of population
Сравнение контраста
| Тип нарушения | Соотношение | Обычный текст | Крупный текст |
|---|---|---|---|
| Оригинал | 3.98:1 | Fail | AA |
| 🔴Протанопия | 4.42:1 | Fail | AA |
| 🟢Дейтеранопия | 3.71:1 | Fail | AA |
| 🔵Тританопия | 4.51:1 | AA | AAA |
| 🔶Протаномалия | 4.26:1 | Fail | AA |
| 🟡Дейтераномалия | 3.81:1 | Fail | AA |
| 🔷Тританомалия | 4.24:1 | Fail | AA |
| ⬛Ахроматопсия | 3.94:1 | Fail | AA |
| ◻️Ахроматомалия | 3.97:1 | Fail | AA |
О симуляторе дальтонизма
Симулирует 8 типов нарушения цветового зрения и проверяет соответствие контрастности WCAG.
Как использовать
Введите цвета, просмотрите симуляции, проверьте соответствие WCAG AA/AAA.
Сценарии использования
- Выбор доступных цветов
- Тестирование UI для дальтоников
- Соответствие стандартам WCAG
- Инклюзивный дизайн интерфейсов
- Проверка доступности фирменных цветов