Verificador de acessibilidade de cores online

Ferramenta online para designers e desenvolvedores verificarem o contraste entre pares de cores de acordo com WCAG, para texto e combinações de UI acessíveis.

Tool coming soon!

We're working hard to get this tool ready for you.

Request Feature / Support
3,360+
Total Calculations Run
< 15ms
Browser Execution Speed
100%
Client-Side Privacy
4.9 / 5.0
User Satisfaction
AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

Popular ideas:
100% FREE • No Credit Card Required

About This Tool

O Verificador de acessibilidade de cores online analisa um par de cores foreground/fundo e retorna uma relação de contraste e status de conformidade segundo WCAG 2.1/2.2. Destina-se a designers, engenheiros frontend, especialistas em acessibilidade e equipes de produto que precisam de validação objetiva durante a seleção de cores e a tematização. A ferramenta aceita entradas de cor em hex ou nomes e fornece um resultado numérico de contraste com uma declaração de pass/fail e orientações.
Internamente, a ferramenta realiza o cálculo de contraste WCAG padrão. Converte as cores para luz linear por correção gamma sRGB, calcula a luminância e deriva a relação de contraste pela fórmula (L1+0,05)/(L2+0,05), sendo L1 a luminância mais clara. O cálculo é determinístico e independente do dispositivo, garantindo resultados consistentes em revisões de design e código.
Quem se beneficia: equipes de produto que prestam interfaces acessíveis, designers que refinam paletas de marca, desenvolvedores que implementam CSS com acessibilidade em mente e equipes QA que documentam conformidade. O valor reside em resultados numéricos precisos, critérios claros de pass/fail, cores alternativas recomendadas e relatórios prontos para exportar para sistemas de design e guias de estilo.
Recursos centrais: validação de entrada, relações-alvo configuráveis, sugestões automáticas de alternativas acessíveis e saídas concisas adequadas à documentação de UI. Casos de uso incluem cor do texto do corpo sobre fundos de hero, avaliação de modo escuro e garantia de cores de call-to-action acessíveis em páginas de marketing.

How to Use

  1. Fornecer entradas: cor1 e cor2 em hex ou nomes; opcionalmente especificar o contraste-alvo.
  2. Executar o cálculo enviando as entradas.
  3. Revisar saídas: relação de contraste, status de pass/fail e recomendações.
  4. Se não estiver conforme, ajuste as cores e execute novamente com entradas atualizadas.
  5. Exporte os resultados para documentação ou sistemas de design.
How to use online color accessibility checker

Frequently Asked Questions

Find Quick Answers

Quais entradas são obrigatórias?
Forneça uma cor de foreground e uma cor de background como valores hex ou nomes. Opcionalmente especifique uma relação de contraste alvo (padrão 4,5 para texto normal e 3 para texto grande).
Como é calculada a relação de contraste?
Cada cor é convertida para luz linear usando correção gamma sRGB, então a luminância é calculada. A relação de contraste é (L1+0,05)/(L2+0,05) com L1 a luminância mais clara, garantindo um resultado independente do dispositivo.
E se o par não atender aos critérios de acessibilidade?
A ferramenta oferece sugestões de cores alternativas com maior contraste, leva em conta restrições da marca e sugere ajustes nos tons foreground/background para alcançar a razão-alvo.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Register Free Account

Related Tools

Other useful calculators and utilities you might like

Web & SEO Tools

Conversor Spotify para MP3

Converte arquivos de áudio fornecidos localmente para MP3, permitindo ouvir offline e compatibilidad...

Web & SEO Tools

Calculadora de Distância Rodoviária

Calculadora de distância rodoviária para viajantes, planejadores logísticos e motoristas, para estim...

Web & SEO Tools

Calculadora de Idade

Determine rapidamente a idade de uma pessoa a partir da sua data de nascimento com nossa calculadora...

Web & SEO Tools

Conversor de moedas

Converta rapidamente valores entre diferentes moedas com nosso conversor de moedas online gratuito,...

Your Feedback Matters

Help Us to Improve