🔲 Visualizador de Matriz de Contraste WCAG
100% Client-Side
Colores de Fondo y Texto
📂 Cargar Ejemplo
Presets de Contraste:
🖤 Oscuro (GitHub)
🤍 Claro (Normal)
⚠️ Bajo Contraste
Color de Fondo
Color de Texto
Evaluación de Contraste WCAG
📋 Copiar Ratio
⬇ Descargar Tokens
Este es un texto de muestra interactivo para comprobar la legibilidad y accesibilidad WCAG.
Ratio de Contraste
4.50:1
WCAG AA Texto Normal (≥4.5)
PASS
WCAG AA Texto Grande (≥3.0)
PASS
WCAG AAA Texto Normal (≥7.0)
FAIL