Simulador de Daltonismo
Simule 8 tipos de deficiência de visão de cores e verifique conformidade de contraste WCAG.
Cor de Primeiro Plano
Cor de Fundo
Selecionar Tipo
Deuteranopia
População Afetada ~1%tools.colorBlindnessSimulator.affectedDeuteranopia
Visualização de Texto
Texto de Amostra Grande
Texto de Amostra Pequeno
Razão de Contraste
Resultados da Simulação
#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
Comparação de Contraste
| Tipo de Deficiência | Proporção | Texto Normal | Texto Grande |
|---|---|---|---|
| Original | 3.98:1 | Fail | AA |
| 🔴Protanopia | 4.42:1 | Fail | AA |
| 🟢Deuteranopia | 3.71:1 | Fail | AA |
| 🔵Tritanopia | 4.51:1 | AA | AAA |
| 🔶Protanomalia | 4.26:1 | Fail | AA |
| 🟡Deuteranomalia | 3.81:1 | Fail | AA |
| 🔷Tritanomalia | 4.24:1 | Fail | AA |
| ⬛Acromatopsia | 3.94:1 | Fail | AA |
| ◻️Acromatopsia Parcial | 3.97:1 | Fail | AA |
Sobre o Simulador de Daltonismo
Simula 8 tipos de deficiência de visão de cores e verifica conformidade de contraste WCAG.
Como Usar
Insira cores, veja simulações, verifique conformidade WCAG AA/AAA.
Casos de Uso
- Escolhas de cores acessíveis
- Testar UI para usuários daltônicos
- Conformidade WCAG
- Design de UI inclusivo
- Acessibilidade de cores de marca