Verificador de Contraste de Cores

Um verificador de contraste de cores preciso para designers e desenvolvedores web, assegurando opções de cores de foreground e background acessíveis em todas as telas.

Tool coming soon!

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

Request Feature / Support

3,300+

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.

About This Tool

A ferramenta aceita duas cores em hex, RGB ou nomes. Normaliza as entradas, calcula a luminância relativa e retorna a relação de contraste.
As saídas típicas incluem uma razão numérica e um status passar/falhar para os objetivos WCAG AA e AAA.
Exemplo: foreground #000000 em background #FFFFFF resulta em 21:1 e atende a ambos os objetivos.
Nos bastidores, utiliza a correção gamma sRGB padrão e fórmulas WCAG compatíveis. A luminância é calculada a partir de componentes RGB lineares, e a relação é calculada como (L1+0.05)/(L2+0.05), sendo L1 a cor mais clara.
Também aponta combinações de cores não ideais e explica o porquê.
Público-alvo: designers UI/UX, desenvolvedores frontend, engenheiros de acessibilidade e estrategistas de conteúdo que precisam de checagens rápidas durante seleção de paletas, alterações de texto ou ajustes de tema.
Suporta checagens em lote via várias pares de entrada e oferece um relatório estruturado.

Save your calculation history with a free account

How to Use

Fornecer as entradas: inserir cores de foreground e background em hex, RGB ou nomes.
Validar cores: as entradas são obrigatórias e devem ser valores CSS válidos.
Executar o cálculo: a ferramenta calcula luminância, relação de contraste e status passar/falhar.
Revisar os resultados: verificar status AA/AAA e sugestões de ajustes.
Exportar ou salvar os resultados para auditorias.

Frequently Asked Questions

Find Quick Answers

O que é a relação de contraste e por que é importante?

A relação de contraste mede a diferença de luminância entre foreground e background e avalia a legibilidade do texto. Relações mais altas melhoram a legibilidade, especialmente para texto pequeno ou em ambientes iluminados, e ajudam a atender aos requisitos WCAG de acessibilidade.

O que significam AA e AAA?

AA define o contraste mínimo aceitável para texto normal (geralmente 4,5:1) e texto grande (3:1). AAA impõe um padrão mais alto (geralmente 7:1). Alcançar esses objetivos melhora a acessibilidade de usuários diversos.

Posso inserir nomes de cores além de códigos hex?

Sim. O verificador aceita hex, RGB e nomes CSS padrão. As entradas são normalizadas para um espaço de cores comum antes de calcular luminância e razão.

Posso exportar ou compartilhar os resultados?

Resultados podem ser copiados ou salvos como dados estruturados e usados em auditorias. A ferramenta fornece uma relação numérica, valores de luminância e status passar/falhar adequado à documentação.

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.

Related Tools

Other useful calculators and utilities you might like

Conversor Spotify para MP3

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

Calculadora de Distância Rodoviária

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

Calculadora de Idade

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

Conversor de moedas

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

Your Feedback Matters

Help Us to Improve