Vista previa del contraste
El ratio y los niveles WCAG se actualizan al instante.
Texto de muestra
El contraste correcto hace la interfaz mas legible.
Resultado de contraste
--
El ratio y los niveles WCAG se actualizan al instante.
Colores usados
Copia los valores y revisa rapidamente si la combinacion es segura para interfaz y lectura.
Texto
--
Fondo
--
Verificador de contraste
Comprueba contraste entre texto y fondo, revisa ratio WCAG y valida AA o AAA sin salir del navegador.
Revisa contraste con referencia WCAG
Conviene para botones, texto sobre fondo, tarjetas, banners y cualquier interfaz donde la legibilidad importa.
Casos de uso
Cuando sirve un verificador de contraste
Interfaces accesibles
Ayuda a revisar si un texto se sigue leyendo bien sobre un fondo concreto.
Sistemas de color
Sirve para validar combinaciones antes de convertirlas en tokens o estilos finales.
Revisiones rapidas
Encaja cuando quieres comparar pares de colores y decidir si mantenerlos o ajustarlos.
Preguntas frecuentes
Dudas comunes sobre contraste
Usa criterios WCAG?
Si. La herramienta muestra el ratio y si pasa AA o AAA para texto normal y grande.
Sirve para texto y fondo?
Si. Comparas ambos colores y ves el resultado al instante.
Necesita subir imagenes?
No. Todo funciona directo en el navegador con los colores elegidos.
Puedo intercambiar los colores?
Si. Hay una accion rapida para invertir texto y fondo.
Sigue explorando