Симулятор дальтонізму
Симулюйте 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.
Випадки використання
- Доступний вибір кольорів
- Тестування інтерфейсу для користувачів з дальтонізмом
- Відповідність WCAG
- Інклюзивний дизайн інтерфейсу
- Доступність кольорів бренду