# Verificador de Contraste de Cor Verificar relação de contraste de cor e conformidade WCAG para acessibilidade > Página canônica: https://elysiatools.com/pt/tools/color-contrast-checker - **Categoria:** Design - **Palavras-chave:** cor, contraste, acessibilidade, wcag, a11y, verificador, design ## Visão geral O Verificador de Contraste de Cor é uma ferramenta essencial para designers e desenvolvedores que buscam garantir que suas interfaces sejam acessíveis, calculando a relação de contraste entre o texto e o plano de fundo conforme as diretrizes WCAG. ## Entradas - **Cor do texto** (color): #000000 - **Cor de fundo** (color): #FFFFFF ## Quando usar - Ao definir a paleta de cores de um novo projeto de interface ou marca. - Durante a revisão de acessibilidade de sites e aplicativos existentes. - Para validar se a legibilidade do texto atende aos padrões internacionais de acessibilidade. ## Como funciona - Selecione a cor do texto no seletor de cores. - Escolha a cor de fundo que será utilizada atrás do texto. - A ferramenta calcula automaticamente a relação de contraste. - Verifique o status de conformidade com os níveis AA e AAA das diretrizes WCAG. ## Casos de uso - Verificação de legibilidade em botões e elementos de interface (UI). - Ajuste de esquemas de cores para garantir conformidade legal em sites governamentais. - Criação de guias de estilo que priorizam a inclusão digital. ## Perguntas frequentes ### O que é a relação de contraste? É uma medida da diferença de luminância entre duas cores, essencial para garantir que o texto seja legível para pessoas com baixa visão. ### O que significam os níveis AA e AAA? São níveis de conformidade da WCAG. O nível AA é o padrão mínimo para acessibilidade web, enquanto o AAA oferece um nível de contraste mais rigoroso. ### Por que a acessibilidade de cores é importante? Garante que usuários com deficiências visuais ou daltonismo consigam ler e interagir com o conteúdo do seu site sem dificuldades. ### A ferramenta funciona com qualquer cor? Sim, você pode inserir qualquer código de cor hexadecimal para testar a combinação desejada. ### Preciso instalar algo para usar? Não, esta ferramenta funciona diretamente no seu navegador, sem necessidade de downloads ou instalações. ## Ferramentas relacionadas - [Verificador de contraste de paleta acessivel](https://elysiatools.com/pt/tools/accessible-color-palette-contrast-checker): Audita combinacoes de cores segundo WCAG 2.1 AA e AAA e sugere ajustes - [Verificador de Acessibilidade de Cores](https://elysiatools.com/pt/tools/color-accessibility-checker): Verifica as razões de contraste de cores para conformidade com WCAG - [Conversor de espacos de cor](https://elysiatools.com/pt/tools/color-space-converter): Converte uma cor entre HEX, RGB, HSL, CIELAB e Display-P3 com saida CSS e verificacao de gamut. - [Verificador de acessibilidade para visao de cores](https://elysiatools.com/pt/tools/color-vision-accessibility-checker): Mede contraste WCAG, simula deficiencias de visao de cor e destaca areas de baixo contraste em capturas. - [Verificador de acessibilidade](https://elysiatools.com/pt/tools/accessibility-checker): Detecta problemas comuns de WCAG 2.1 em HTML, paginas ou imagens de design e retorna orientacoes praticas - [Ajustador de Opacidade de Cor](https://elysiatools.com/pt/tools/color-opacity-adjuster): Ajustar opacidade/transparência alfa de cores com visualização em tempo real e processamento em lote - [Gerador de Esquemas de Cores](https://elysiatools.com/pt/tools/color-scheme-generator): Gera esquemas de cores e paletas profissionais para projetos de design - [Gerador de Sombras de Cor](https://elysiatools.com/pt/tools/color-shade): Gere variações mais escuras de uma cor adicionando preto, criando sombras ricas para profundidade e contraste no design ## Exemplos - [Exemplos de códigos de cor](https://elysiatools.com/pt/samples/color-code): Coleção de códigos de cor em vários formatos (Hex, RGB, HSL, cores com nome) para testes de validação - [Exemplos de Processamento de Imagem Android Java](https://elysiatools.com/pt/samples/android-image-processing-java): Exemplos de processamento de imagem Android Java incluindo leitura/escrita, dimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Android Kotlin](https://elysiatools.com/pt/samples/android-image-processing-kotlin): Exemplos de processamento de imagem Android Kotlin incluindo leitura/escrita, dimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Web Python](https://elysiatools.com/pt/samples/web-image-processing-python): Exemplos de processamento de imagem Web Python usando PIL/Pillow incluindo leitura, salvamento, redimensionamento e conversão de formato ## Conteúdo relacionado - [Ferramentas para sistemas de cores acessíveis](https://elysiatools.com/pt/hubs/color-design-tools): Crie um sistema de cores reutilizável transformando cores, gerando harmonias, verificando contraste e visão de cores e documentando tokens. - [Auditoria de acessibilidade web antes da publicação](https://elysiatools.com/pt/hubs/web-accessibility-audits): Revise a estrutura, a ordem de leitura, o contraste das capturas e os riscos de visão de cores de uma página ou componente, transformando achados automáticos em um registro revisado por uma pessoa.