Ferramentas de imagem e design
Contrast Checker
Contrast Checker roda no navegador para revisar, converter ou preparar resultados sem enviar a entrada para um servidor.
Input / output
Aa Sample
Text contrast preview
WCAG result
21:1
Recommended color: #000000
Normal text AA
>= 4.5:1
Pass
Normal text AAA
>= 7:1
Pass
Large text AA
>= 3:1
Pass
Large text AAA
>= 4.5:1
Pass
UI component / non-text 3:1
>= 3:1
Pass
CSS code
.sample {
color: #000000;
background: #FFFFFF;
}HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
Contrast Checker é uma ferramenta local do navegador para o fluxo de imagem e design. A entrada, as opções e o resultado ficam em uma única página.
How to use it
- Colar a entrada
Digite ou cole o valor que deseja processar na área de entrada.
- Ajustar opções
Escolha o modo, formato ou unidade que combine com contrast, WCAG, accessibility.
- Revisar o resultado
Execute a ferramenta e copie ou baixe o resultado somente depois de conferir.
Examples
Exemplo de Contrast Checker
- Input
- Entrada de exemplo
- Output
- Resultado revisado no navegador.
Practical tips
- Comece com uma amostra pequena quando o conteúdo for grande.
- Os anúncios ficam fora dos controles e resultados principais.
FAQ
Que entrada devo usar em Contrast Checker?
Use valores compatíveis com a tarefa visível e ajuste as opções antes de executar.
Posso copiar o resultado de Contrast Checker?
Sim. Revise o resultado e depois copie ou baixe quando estiver correto.
Contrast Checker funciona no celular?
Sim. Entrada, opções e resultado se organizam bem em telas pequenas.
Minha entrada é enviada a um servidor?
Não. A ferramenta foi projetada para processar a entrada no navegador.