Calculadora de taxa de contraste

Calcule a taxa de contraste para acessibilidade e conformidade de design.

Color Pickers

Foreground Text

Background

Preview

Headline Text

This is a sample paragraph to test readability. Accessibility in design ensures that everyone, including people with vision loss, can access your content.

WCAG Compliance

Contrast Ratio

4.85:1

AA Normal

Small text (<18pt) (Min 4.5:1)

AA Large

Bold/Large text (>18pt) (Min 3.0:1)

AAA Normal

Highest accessibility (Min 7.0:1)

AAA Large

Enhanced for large text (Min 4.5:1)

Good! This meets standard accessibility for most web content.

Overview

A taxa de contraste mede a diferença de luminância entre o texto e o fundo. As diretrizes de acessibilidade das WCAG exigem um mínimo de 4,5:1 para texto normal e 3:1 para texto grande. Essencial para um design legível e acessível.

💡

Pro Tips

The WCAG (Web Content Accessibility Guidelines) are the gold standard for web accessibility.
Level AA is the standard requirement for most websites.
Large text is defined as 18pt (roughly 24px) or larger, or 14pt (roughly 18.5px) and bold.
Avoid using color as the only way to convey meaning, as users with color blindness may not perceive the difference.

Fun Facts

Formula: Contraste = (L1 + 0,05) / (L2 + 0,05) onde L = luminância relativa

Used with this

Similar tools that might be useful

Pontuação do ato

Calcule a pontuação do ato.

Conversor ASCII

Converta texto em códigos ASCII e vice-versa. Útil para programação e codificação de dados.

Calculadora de taxa de aceitação

Calcule as taxas de aceitação de inscrições e dados de admissão. Visualize a seletividade com gráficos.