Herramienta de accesibilidad

Calculadora de contraste de color

Comprueba que los colores de texto y fondo cumplen los requisitos de contraste AA y AAA de WCAG 2.1.

La relación de contraste es 21.00 a 1.
Para texto normal se requiere una relación mínima de 4.5:1 (WCAG AA).
WCAG AA (Normal)
Pass
Requires 4.5:1
WCAG AA (Large)
Pass
Requires 3.0:1
WCAG AAA (Normal)
Pass
Requires 7.0:1
WCAG AAA (Large)
Pass
Requires 4.5:1
The quick brown fox
Large Text (≥ 18pt or 14pt bold)
The quick brown fox jumps over the lazy dog.
Normal Text

Cómo usar esta herramienta

Introduce los colores de primer plano y de fondo en formato hexadecimal.

La calculadora determina automáticamente si cumplen los requisitos de contraste de WCAG.

Fórmula de luminancia relativa

L = 0.2126·R + 0.7152·G + 0.0722·B

Donde R, G y B son los canales linealizados:

  • Si c_sRGB ≤ 0.03928 → c = c_sRGB / 12.92
  • Si no → c = ((c_sRGB + 0.055) / 1.055) ^ 2.4

La relación de contraste (CR) se calcula así: CR = (L1 + 0.05) / (L2 + 0.05), donde L1 es el color más claro y L2 el más oscuro.

Qué comprueba esta herramienta

Esta herramienta comprueba automáticamente la relación de contraste entre el texto y el fondo según los niveles AA y AAA de WCAG 2.1.

Limitaciones de las pruebas automatizadas

Los comprobadores automáticos de contraste no pueden evaluar con precisión el contraste sobre degradados, imágenes de fondo o fondos con patrones complejos. Estos casos requieren verificación manual.

Herramientas relacionadas

Guías relacionadas