# Verificador de contraste de paleta acessivel Audita combinacoes de cores segundo WCAG 2.1 AA e AAA e sugere ajustes > Página canônica: https://elysiatools.com/pt/tools/accessible-color-palette-contrast-checker - **Categoria:** Design - **Palavras-chave:** wcag, contrast, accessibility, palette, color audit, design system ## Visão geral Bom para sistemas de design, paletas de marca e temas visuais com recomendacoes automaticas. ## Entradas - **Cores da paleta** (textarea): brand-primary: #1D4ED8 brand-secondary: #F59E0B surface: #FFFFFF text: #111827 - **Meta WCAG** (select) - **Incluir pares da mesma cor** (checkbox) ## Quando usar - Ao criar ou atualizar um sistema de design (Design System) para garantir que todas as cores base sejam acessíveis desde o início. - Durante a auditoria de acessibilidade de um site ou aplicativo existente para identificar problemas de contraste em textos e elementos visuais. - Na definição de paletas de cores para novas marcas, validando se as cores institucionais podem ser usadas juntas na web. ## Como funciona - Insira a sua paleta de cores no campo de texto, utilizando o formato 'nome: #HEX' (ex: brand-primary: #1D4ED8). - Selecione a meta de conformidade WCAG desejada, como AA para texto normal (4.5:1) ou AAA para texto grande (4.5:1). - Opcionalmente, escolha se deseja incluir a verificação de pares da mesma cor na matriz de resultados. - A ferramenta processa as combinações e gera um relatório JSON detalhado com as taxas de contraste, indicando aprovações, falhas e recomendações de ajuste. ## Casos de uso - Validação em massa de tokens de cor em bibliotecas de componentes UI. - Geração de matrizes de contraste para documentação de guias de estilo de marca. - Auditoria rápida de temas claro (light mode) e escuro (dark mode) para aplicativos web. ## Perguntas frequentes ### O que é a conformidade WCAG AA e AAA? São níveis de diretrizes de acessibilidade para conteúdo web. O nível AA exige uma taxa de contraste de 4.5:1 para textos normais, enquanto o AAA é mais rigoroso, exigindo 7:1. ### Como devo formatar a entrada das cores? Insira uma cor por linha no formato 'nome: #HEX', por exemplo, 'surface: #FFFFFF' e 'text: #111827'. ### A ferramenta sugere novas cores se o contraste falhar? Sim, o relatório de saída em JSON inclui recomendações automáticas de ajustes mínimos para que a combinação atinja a meta selecionada. ### Posso testar o contraste de textos grandes separadamente? Sim, você pode selecionar as opções 'AA Large Text (3:1)' ou 'AAA Large Text (4.5:1)' no campo de meta WCAG. ### O que faz a opção 'Incluir pares da mesma cor'? Ela testa o contraste de uma cor contra ela mesma. Geralmente falha (1:1), mas pode ser útil para gerar matrizes de teste exaustivas em sistemas de design automatizados. ## Ferramentas relacionadas - [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 - [Verificador de Contraste de Cor](https://elysiatools.com/pt/tools/color-contrast-checker): Verificar relação de contraste de cor e conformidade WCAG para acessibilidade - [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. - [Calculadora de Macronutrientes para NPT](https://elysiatools.com/pt/tools/tpn-macronutrient-calculator): Calcula glicose/aminoácidos/lipídios em gramas e kcal, as calorias não proteicas, a razão kcal não proteicas:g de nitrogênio, a distribuição calórica e os valores por kg, a partir da prescrição de nutrição parenteral. Densidades: glicose 3.4 kcal/g, aminoácidos 4.0 kcal/g, lipídios 20% ≈ 2.0 kcal/mL (10% 1.1, 30% 3.0). Nitrogênio dos AA ≈ 16% → N = AA × 0.16. Razão ótima ~150:1 (poupança proteica); <100:1 proteica (estresse); >200:1 energética (risco de sobrealimentação: CO₂, esteatose). Metas (ASPEN/ESPEN): energia 20–30 kcal/kg/dia (estresse até 30–35); proteína 1.0–1.5 g/kg/dia (crítico até 2.0); glicose ≤ 4–5 mg/kg/min; lipídios ≤ 1.0–1.5 g/kg/dia, ≤30–40% das kcal não proteicas. Precauções: ferramenta de análise, não receita — a NPT é preparada na farmácia em condições assépticas; verifique a curva Ca-PO₄ contra precipitação; reintroduza nutrição enteral o quanto antes (a NPT tem maior risco de CLABSI e metabólico); monitore glicemia, triglicerídeos, provas hepáticas, eletrólitos e balanço diariamente. Fontes: ASPEN 2016, ESPEN 2019, McClave 2016, Mirtallo 2004. Não é conselho médico. - [Gerador de relatorio de auditoria de acessibilidade](https://elysiatools.com/pt/tools/accessibility-audit-report-generator): Audita HTML ou URL em busca de problemas comuns de WCAG e exporta um PDF estruturado - [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 - [Gerador de Esquemas de Cores](https://elysiatools.com/pt/tools/color-scheme-generator): Gera esquemas de cores e paletas profissionais para projetos de 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 - [Geradores de efeitos CSS, paletas e tokens de design](https://elysiatools.com/pt/hubs/design-generate): Ferramentas reunidas para efeitos visuais em CSS, construcao de paletas e geracao de tokens de design em um unico hub. - [Ferramentas de auditoria de acessibilidade web e cores acessiveis](https://elysiatools.com/pt/hubs/web-accessibility-audits): Revise problemas WCAG, ordem de leitor de tela, falhas de contraste, risco para deficiencia de visao de cores e escolhas de cor acessivel em um unico hub para fluxos de acessibilidade web. - [Ferramentas de Design de Cor e Conversão de Espaços de Cor](https://elysiatools.com/pt/hubs/color-design-tools): Comparar conversores de cor, geradores de paletas, ferramentas de harmonia, verificadores de acessibilidade e utilitários de ajuste de cor em um só lugar para designers e desenvolvedores. - [Ferramentas de conversao de espacos de cor para web e impressao](https://elysiatools.com/pt/hubs/design-convert): Ferramentas reunidas para conversao de espacos de cor entre web e impressao em um unico hub.