Calculadora de relación de contraste

Calcule la relación de contraste para accesibilidad y cumplimiento del diseño.

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

La relación de contraste mide la diferencia de luminancia entre el texto y el fondo. Las pautas de accesibilidad WCAG requieren un mínimo de 4,5:1 para texto normal y 3:1 para texto grande. Esencial para un diseño legible y accesible.

💡

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) donde L = luminancia relativa

Used with this

Similar tools that might be useful

Puntuación del acto

Calcular la puntuación del acto.

Convertidor ASCII

Convierte texto a códigos ASCII y viceversa. Útil para programación y codificación de datos.

Calculadora de tasa de aceptación

Calcule las tasas de aceptación a partir de solicitudes y datos de admisiones. Visualice la selectividad con gráficos.