Verificador de Contraste WCAG
Verifique se a combinação de cores de texto e fundo atende aos níveis de acessibilidade AA e AAA.
Como verificar o contraste de duas cores
Escolha a cor do texto e do fundo
Digite os códigos HEX ou use os seletores visuais para ambas as cores.
Consulte a proporção de contraste
Você verá a proporção calculada instantaneamente junto com a visualização do texto sobre o fundo escolhido.
Verifique se atende WCAG AA ou AAA
A ferramenta indica se a combinação é adequada para texto normal e para texto grande, em cada nível.
Perguntas frequentes sobre contraste de cores
Um bom contraste entre texto e fundo é essencial para que qualquer pessoa possa ler seu conteúdo, incluindo pessoas com baixa visão. PDFDocks calcula a proporção exata de acordo com o padrão WCAG.
O que significam AA e AAA?
+
São os dois níveis de conformidade das diretrizes de acessibilidade WCAG: AA é o mínimo recomendado e AAA é o nível mais exigente.
Qual razão de contraste preciso?
+
Para texto normal recomenda-se um mínimo de 4.5:1 (AA) ou 7:1 (AAA); para texto grande, 3:1 (AA) ou 4.5:1 (AAA).
Por que o contraste é importante?
+
Um contraste insuficiente dificulta a leitura, especialmente para pessoas com baixa visão ou em telas com muito brilho ambiente.
Preciso instalar algum programa?
+
Não, não é necessário instalar nada. Funciona diretamente no navegador.
É gratuito?
+
Sim, esta ferramenta é completamente gratuita.
Funciona para revisar o design de um site inteiro?
+
Funciona para verificar combinações específicas; para auditar um site completo, você precisará revisar cada combinação de texto e fundo que usar.
Cores
Conversor de cores (HEX, RGB, HSL, CMYK)
Converta qualquer cor entre HEX, RGB, HSL e CMYK instantaneamente, com visualização ao vivo e o nome de cor mais próximo.
Gerador de paletas de cores
Cria paletas de 5 cores harmoniosas (complementares, análogas, triádicas ou monocromáticas) a partir de uma cor base.
Gerador de Gradientes CSS
Cria gradientes lineares ou radiais com até 4 cores e copia o código CSS pronto para usar.
Cor aleatória
Gera uma cor aleatória com um clique e descubra seu nome, código HEX/RGB/HSL e cores similares.
Seletor de cor (conta-gotas)
Escolha qualquer cor da sua tela com a ferramenta contagotas do navegador, ou use o seletor clássico.
Simulador de Daltonismo
Envie uma imagem e veja como pessoas com protanopia, deuteranopia ou tritanopia a veriam.
Gerador de Gradientes Mesh
Crie fundos com gradientes mesh (manchas de cor difuminadas) e baixe-os em PNG ou copie o código CSS.
Gerador de Tons e Sombras
Gera automaticamente os tons mais claros e as sombras mais escuras de qualquer cor, com seu código HEX.
Misturador de Cores
Misture duas cores e descubra os tons intermediários passo a passo, com seu código HEX.
Roda de Cores (Harmonias)
Escolha uma cor na roda e descubra suas combinações harmoniosas: complementares, análogas, triádicas e muito mais.
Extrator de Paleta de Cores da Imagem
Envie uma imagem e extraia automaticamente suas cores dominantes em uma paleta, com o código HEX de cada uma.
Cor Média de uma Imagem
Envie uma imagem e calcule instantaneamente sua cor média, com seu código HEX, RGB e HSL.
Explore as cores por família
Mais de 469 cores nomeadas, com seus códigos HEX, RGB, HSL e CMYK, organizadas em 12 famílias de tonalidades.
