Verifique as proporções de contraste de cores para conformidade com a acessibilidade web. Teste combinações de cores de texto e fundo de acordo com as diretrizes WCAG com pré-visualização em tempo real, classificações de acessibilidade e sugestões de melhoria.
Clique no primeiro seletor de cores para escolher a cor do seu texto ou insira um código hexadecimal diretamente.
Use o segundo seletor de cores para selecionar a cor de fundo para o teste de contraste.
Verifique a proporção de contraste calculada e veja as classificações AA/AAA para texto normal e grande.
Veja a pré-visualização ao vivo para ver como sua combinação de cores fica com o conteúdo de texto real.
Calcule instantaneamente as proporções de contraste ao selecionar diferentes combinações de cores de texto e fundo.
Obtenha classificações AA e AAA para texto normal e grande de acordo com as Diretrizes de Acessibilidade para Conteúdo Web.
Veja exatamente como suas combinações de cores ficarão com texto de amostra em tamanhos normal e grande.
Visualize o desempenho do seu contraste com um gráfico circular intuitivo mostrando pontuações de 0 a 100.
Escolha cores facilmente com ferramentas de seleção de cores integradas para cores de texto e de fundo.
Obtenha sugestões práticas para melhorar o contraste e atender aos padrões de acessibilidade.
Um verificador de contraste de cores é uma ferramenta que mede a diferença de luminância entre as cores do texto e do fundo. Ele calcula as proporções de contraste de acordo com os padrões WCAG (Diretrizes de Acessibilidade para Conteúdo Web) para garantir que o conteúdo seja legível para usuários com deficiência visual, incluindo daltonismo e baixa visão.
Garanta que seus designs atendam aos padrões internacionais de acessibilidade com classificações AA e AAA precisas.
Veja resultados instantâneos ao ajustar as cores, tornando mais fácil encontrar combinações conformes.
Compreenda o desempenho do contraste rapidamente com nosso sistema intuitivo de pontuação de 0 a 100.
Teste combinações de cores instantaneamente em seu navegador sem baixar nenhum software.
Para texto normal, procure pelo menos 4.5:1 para conformidade AA ou 7:1 para AAA. Texto grande (18pt ou 14pt em negrito) precisa de 3:1 para AA ou 4.5:1 para conformidade AAA.
AA é o nível padrão de conformidade de acessibilidade exigido pela maioria das regulamentações. AAA é o nível mais alto, proporcionando acessibilidade aprimorada para usuários com deficiências visuais mais graves.
A proporção de contraste é calculada usando a luminância relativa das cores, conforme definido pelas diretrizes WCAG. Ela varia de 1:1 (sem contraste) a 21:1 (contraste máximo).
Texto grande é definido como 18 pontos (24px) ou maior, ou 14 pontos (18.66px) ou maior se em negrito. Texto grande tem requisitos de contraste mais flexíveis.
Um bom contraste de cores garante que o conteúdo seja legível para todos, incluindo usuários com deficiência visual, daltonismo ou aqueles que visualizam o conteúdo sob luz solar intensa ou em telas de baixa qualidade.
A ferramenta aceita códigos de cores hexadecimais. Você pode converter de outros formatos (RGB, HSL, etc.) para hexadecimal usando conversores online ou ferramentas de design.
Navegue pela nossa biblioteca abrangente com mais de 500 cores populares nomeadas, organizadas em 20 categorias. Pesquise cores por nome ou código HEX, copie valores instantaneamente e explore grupos de cores do básico ao vintage.
Explore nossa coleção selecionada de mais de 100 gradientes de cores deslumbrantes. Clique nas amostras de gradiente para ver as cores individuais, copie o código CSS instantaneamente e encontre as combinações de gradiente perfeitas para seus designs.
Explore mais de 200 paletas de cores profissionalmente selecionadas e organizadas por categoria. Copie cores instantaneamente, favorite paletas, exporte como CSS, JSON, PNG ou PDF. Perfeito para designers e desenvolvedores.
Converta cores hexadecimais para as cores Pantone mais próximas com nossa ferramenta online gratuita. Apresenta correspondência de cores Delta E precisa, navegue por mais de 40 cores Pantone populares e obtenha comparações de cores instantâneas. Perfeito para designers, impressores e profissionais de cor.
Converta cores HSV (Matiz, Saturação, Valor) para suas correspondências Pantone mais próximas instantaneamente. Encontre a cor Pantone perfeita com nossa ferramenta abrangente de correspondência de cores, com comparações visuais e ciência de cores precisa.
Converta cores RGB para as suas correspondências Pantone mais próximas com o nosso algoritmo avançado de correspondência de cores. Navegue por cores Pantone selecionadas, compare diferenças de cores e obtenha códigos de cores precisos para projetos de design.