Desenvolvedor

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%

Deuteranopia

Visualização de Texto

Texto de Amostra Grande

Texto de Amostra Pequeno

Razão de Contraste

3.98:1

Texto Normal: FailTexto Grande: AA

Resultados da Simulação

Original

#3b82f6

Protanopia

4.4:1

#418efa

~1% of population

Deuteranopia

3.7:1

#007df4

~1% of population

Tritanopia

4.5:1

#009eb0

<0.1% of population

Protanomalia

4.3:1

#3f8af9

~1% of population

Deuteranomalia

3.8:1

#227ff5

~5% of population

Tritanomalia

4.2:1

#0093d0

<0.1% of population

Acromatopsia

3.9:1

#858585

<0.01% of population

Acromatopsia Parcial

4.0:1

#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.

Explorar todas as ferramentas de Desenvolvedor

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

Como Usar Simulador de Daltonismo Faça uma pausa e jogue jogos grátis no navegador

Todas as Publicações

c/tools_color-blindness-simulator0

Ver Tudo Criar Publicação