Ferramenta de Contraste de Cor

Uma ferramenta para designers e desenvolvedores verificarem o contraste de cor de acordo com WCAG, melhorando a acessibilidade do texto sobre fundos.

Tool coming soon!

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

Request Feature / Support
2,776+
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

A Ferramenta de Contraste de Cor analisa a acessibilidade do texto frente a fundos calculando relações de contraste conformes WCAG. Aceita duas entradas de cor em formatos comuns, um tamanho de fonte e opcional peso de fonte ou altura de linha. O caso de uso principal é verificar se o texto do corpo, títulos, links e rótulos de UI cumprem os limiares mínimos de legibilidade para conteúdo web.
Conceitualmente, a ferramenta converte as cores em luminância relativa no espaço sRGB, aplica a fórmula WCAG e reporta uma relação numérica mais um nível de conformidade (AA ou AAA). Também sugere ajustes práticos, como mudar cores ou aumentar o tamanho do texto, para atingir o ratio alvo. Isso apoia designers durante decisões de cores e desenvolvedores durante a implementação.
Quem se beneficia: especialistas em acessibilidade, equipes de produto, engenheiros QA e redatores de conteúdo. Por que é único: combina cálculos WCAG exatos com saídas rápidas e auditáveis e suporta verificações em lote para várias pares de cores. Funções-chave: validação de entrada, cálculo da razão WCAG, orientação pass/fail, dados de resultados exportáveis e modo batch opcional. Casos de uso: escolher cores de texto do corpo para interfaces azul sobre branco, garantir alto contraste para links e validar o contraste em paletas escuras.

How to Use

  1. Fornecer as entradas: foreground_color, background_color, font_size_px.
  2. Ajustar eventualmente font_weight e line_height para refletir o conteúdo real.
  3. Executar o cálculo para obter o ratio e o nível de conformidade.
  4. Examinar os outputs, incluindo recomendações de modificação de cores e notas.
  5. Exportar os resultados ou copiar dados para auditorias de design.
How to use color contrast accessibility tool

Frequently Asked Questions

Find Quick Answers

Quais são os limites AA e AAA para o contraste do texto?
AA geralmente requer uma relação de contraste mínima de 4,5:1 para texto normal e 3:1 para texto grande, enquanto AAA requer 7:1 para texto normal e 4,5:1 para texto grande, dependendo do conteúdo e do contexto.
Quais formatos de cor são suportados?
Formatos suportados incluem hex (#RRGGBB ou #RGB), rgb(), e nomes de cores comuns. A ferramenta normaliza as entradas no espaço sRGB padrão antes dos cálculos.
Posso testar vários pares de cores de uma só vez?
Sim, o modo batch permite avaliar vários pares foreground/background em uma única execução. Cada par informa sua própria relação, nível de conformidade e recomendações.
A ferramenta ajusta automaticamente as cores?
Não, a ferramenta não altera as cores automaticamente. Ela fornece recomendações precisas e dados exportáveis para orientar os designers na escolha de combinações conformes.

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