🎨 Todo funciona en tu navegador. Sin instalar nada, sin registro.
Un titular se ve así
El texto corrido se lee más o menos con este peso.
El texto pequeño, como un pie de foto, queda así de pequeño: la falta de contraste se nota aquí primero.
Relación de contraste
3.68 : 1
Solo se puede usar en tamaños grandes
No pasa
AA texto
4.5:1
Pasa
AA grande
3:1
No pasa
AAA texto
7:1
No pasa
AAA grande
4.5:1
Qué significan los niveles
- · AA 4.5:1 — la base de la accesibilidad web. El texto corrido tiene que superarlo.
- · 3:1 — desde 18pt (o 14pt en negrita) el umbral baja.
- · AAA 7:1 — el nivel más estricto, exigido a veces en sitios del sector público.
- El contraste lo decide la diferencia de luminosidad, no el tono. Por eso el texto blanco sobre amarillo no se lee aunque los colores sean distintos.
Qué hace esta herramienta
- Relación de contraste de 1 a 21
- Aprueba o no en AA y AAA
- Veredicto aparte para texto grande
- Ajusta la luminosidad hasta que apruebe
Otras herramientas de color
Los colores pueden verse algo distintos según tu pantalla y su perfil de color.