Ferramentas de cor e acessibilidade
Escolher uma paleta acessível, confirmar se um texto tem contraste suficiente sobre um fundo ou verificar como uma interface aparece para quem tem daltonismo são etapas que fazem parte de qualquer projeto de UI sério. Aqui o Conversor de cores passa uma cor entre HEX, RGB, HSL, Lab e nome CSS mantendo os valores originais visíveis, e o Gerador de paleta de cores cria harmonias e nove tons a partir de uma cor base, já filtrando pelo contraste do texto branco.
Para acessibilidade, o Verificador de contraste de cores compõe a transparência do texto sobre o fundo e confere os cinco limites do WCAG propondo duas correções possíveis, enquanto o verificador de contraste APCA calcula o Lc com sinal e a polaridade do contraste sem alegar conformidade com o WCAG, já que são métricas diferentes. Já o Simulador de daltonismo mostra como cores e imagens aparecem em quatro tipos de daltonismo, com intensidade ajustável e comparação lado a lado com o original.
5 ferramentas
Todas as ferramentas de Color & Accessibility
-
Simulador de daltonismo
Visualize cores e imagens em quatro tipos de daltonismo, ajuste intensidade e compare com o original
-
Conversor de cores
Converta cores entre HEX, RGB, HSL, Lab, nome CSS com valores originais
-
Gerador de paleta de cores
Gere harmonias e nove tons a partir de uma cor base, filtre pelo contraste do texto branco
-
Verificador de contraste de cores
Componha a transparência do texto sobre um fundo, confira os cinco limites WCAG e veja duas correções
-
verificador de contraste APCA
Calcule o Lc com sinal e a polaridade do contraste APCA, sem alegar conformidade WCAG
Perguntas frequentes sobre ferramentas de Color & Accessibility
O WCAG 2 usa uma fórmula de razão de contraste com limites fixos, enquanto o APCA calcula um Lc com sinal que reflete melhor a percepção humana, mas ainda não é um padrão oficial. O verificador de contraste APCA calcula o Lc sem alegar conformidade com o WCAG.
O Verificador de contraste de cores compõe a transparência do texto sobre a cor de fundo antes de calcular o contraste final, confere os cinco limites do WCAG e ainda sugere duas correções possíveis quando o resultado falha.
O Simulador de daltonismo mostra a mesma cor ou imagem como ela apareceria em quatro tipos diferentes de daltonismo, com intensidade ajustável e comparação lado a lado com a versão original, o que ajuda a escolher uma paleta mais segura.