Simulador de Daltonismo
Simule como as cores aparecem para pessoas com diferentes tipos de deficiência visual de cor (CVD) incluindo protanopia, deuteranopia e tritanopia.
Input Color
Color Vision Deficiency Simulation
Normal Vision
Full trichromatic color vision
Protanopia
Absent red (L) cones — ~1% of males
Deuteranopia
Absent green (M) cones — ~1% of males
Tritanopia
Absent blue (S) cones — very rare
Protanomaly
Weakened red (L) cones — ~1% of males
Deuteranomaly
Weakened green (M) cones — ~5% of males
Tritanomaly
Weakened blue (S) cones — rare
Achromatopsia
Total color blindness — monochromacy
Color Pair Contrast Checker
See how the contrast between two colors holds up across all CVD types.
| Type | Color 1 | Color 2 | Ratio | AA |
|---|---|---|---|---|
| Normal Vision | #3b82f6 | #ffffff | 3.68:1 | Fail |
| Protanopia | #5f85fc | #ffffff | 3.36:1 | Fail |
| Deuteranopia | #4d74f3 | #ffffff | 4.11:1 | Fail |
| Tritanopia | #1499a5 | #ffffff | 3.43:1 | Fail |
| Protanomaly | #5282f9 | #ffffff | 3.55:1 | Fail |
| Deuteranomaly | #497cf5 | #ffffff | 3.83:1 | Fail |
| Tritanomaly | #3786c5 | #fcffff | 3.88:1 | Fail |
| Achromatopsia | #7b7b7b | #ffffff | 4.23:1 | Fail |
AA = WCAG 2.1 Level AA normal text (4.5:1 minimum). Both colors are independently simulated for each CVD type before the ratio is calculated.
Como Usar Simulador de Daltonismo
- 1Insira uma cor usando o seletor de cor ou entrada hexadecimal.
- 2Selecione um tipo de deficiência visual de cor para simular.
- 3Compare cores originais e simuladas lado a lado.
- 4Verifique as proporções de contraste para conformidade de acessibilidade.
Transforme seu tráfego em clientes.
- Acompanhamento de visitantes em tempo real
- Privacidade em primeiro lugar, sem banner de cookies
- Configurado em dois minutos