Симулятор дальтонізму
Подивіться, як будь-який колір виглядає для людей з порушенням кольорового зору
#3B82F6rgb(59, 130, 246)#418EFArgb(65, 142, 250)#007DF4rgb(0, 125, 244)#009EB0rgb(0, 158, 176)#7B7B7Brgb(123, 123, 123)Про порушення кольорового зору
Приблизно 8% чоловіків та 0,5% жінок у всьому світі мають ту чи іншу форму порушення кольорового зору. Протанопія (сліпота до червоного) та дейтеранопія (сліпота до зеленого) є найпоширенішими типами. Цей інструмент використовує науково точні матриці кольорових перетворень для моделювання того, як кольори сприймаються людьми з цими станами, допомагаючи дизайнерам створювати більш доступні інтерфейси.
Симулятор дальтонізму
Подивіться, як будь-який колір виглядає для людей з порушенням кольорового зору
Можливості
- Simulate four color vision deficiencies: protanopia (no L-cones), deuteranopia (no M-cones), tritanopia (no S-cones), achromatopsia (greyscale)
- Uses scientifically-accurate Brettel / Vienot / Machado transformation matrices
- Proper sRGB gamma correction before applying the matrix (linear-light math)
- Real-time hex-color input with side-by-side comparison
- Useful for verifying UI color contrast for ~8% of male users (red-green color blindness) and ~0.5% of female users
Як використовувати
- Оберіть колір за допомогою палітри або введіть hex-значення.
- Перегляньте імітований вигляд для кожного типу порушення кольорового зору.
- Порівняйте оригінальний колір з усіма чотирма симуляціями поруч.
- Скопіюйте імітовані hex-значення для використання у ваших дизайнах.
Поради та найкращі практики
- Protanopia and deuteranopia are the most common (red-green color blindness). Tritanopia (blue-yellow) is rare.
- Achromatopsia is total color blindness — extremely rare (~1 in 30,000), but a useful "ground truth" for ensuring contrast works on luminance alone.
- WCAG contrast requirements (4.5:1 for normal text) work for color blindness too — sufficient contrast → readable for everyone.
- For UI elements that rely on color alone (red error / green success), add an icon or text label.
- For data visualisations, palettes like Viridis, Cividis, and ColorBrewer's color-blind-friendly sets are safe by design.
Запитання та відповіді
Наскільки точні ці симуляції?
Симуляції використовують матриці кольорових перетворень Machado, Oliveira та Fernandes (2009), які є одними з найбільш науково точних моделей для імітації порушення кольорового зору.
Який тип дальтонізму найпоширеніший?
Дейтеранопія (сліпота до зеленого) та протанопія (сліпота до червоного) найпоширеніші, вражаючи приблизно 6% та 2% чоловіків відповідно. Тританопія (сліпота до синього) зустрічається рідко, а ахроматопсія (повна кольорова сліпота) — вкрай рідко.
Як зробити мої дизайни більш доступними?
Уникайте передачі інформації лише через колір. Використовуйте патерни, підписи та достатній контраст. Протестуйте вашу кольорову палітру з цим симулятором, щоб переконатися, що важливі елементи UI залишаються розрізнюваними.
Мої дані в безпеці?
Вся обробка відбувається локально у вашому браузері. Жодні дані не надсилаються на сервер.
Цей інструмент безкоштовний?
Так, цей інструмент повністю безкоштовний і не потребує реєстрації.