Verificador de Contraste de Cores

Escolha uma cor de texto e uma cor de fundo para ver sua taxa de contraste exata e se ela atende aos limites WCAG AA e AAA para texto normal e grande — essencial para garantir que seu design seja legível e acessível.

Ferramentas de Design e CSS Funciona totalmente no seu navegador

Todos os cálculos acontecem no seu dispositivo — as cores nunca são enviadas a um servidor.

Cor do texto

Cor de fundo

Texto normal de 16px Aa 123

Relação de contraste: 18.88:1

AA (texto normal): Aprovado ✓

AA (texto grande): Aprovado ✓

AAA (texto normal): Aprovado ✓

AAA (texto grande): Aprovado ✓

Continuar com

Totalmente local

Conversor de Cores

Converta uma cor entre os formatos HEX, RGB, e HSL instantaneamente.

Ferramentas para DesenvolvedoresAbrir ferramenta

Totalmente local

Gerador de Gradiente CSS

Crie visualmente um gradiente CSS linear ou radial e copie o código.

Ferramentas de Design e CSSAbrir ferramenta

Totalmente local

Verificador de acessibilidade HTML

Escaneie código HTML em busca de problemas de acessibilidade comuns — texto alternativo ausente, campos sem rótulo, ordem de títulos incorreta e mais.

Ferramentas para DesenvolvedoresAbrir ferramenta