Herramientas de imagen y diseño
Contrast Checker
Contrast Checker se ejecuta en el navegador para revisar, convertir o preparar resultados sin enviar la entrada a un servidor.
Input / output
Aa Sample
Text contrast preview
WCAG result
21:1
Recommended color: #000000
Normal text AA
>= 4.5:1
Pass
Normal text AAA
>= 7:1
Pass
Large text AA
>= 3:1
Pass
Large text AAA
>= 4.5:1
Pass
UI component / non-text 3:1
>= 3:1
Pass
CSS code
.sample {
color: #000000;
background: #FFFFFF;
}HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
Contrast Checker es una herramienta local del navegador para el flujo de imagen y diseño. Mantiene la entrada, las opciones y el resultado en una sola página.
How to use it
- Pegar la entrada
Introduce o pega el valor que quieres procesar en el área de entrada.
- Ajustar opciones
Elige el modo, formato o unidad que coincida con contrast, WCAG, accessibility.
- Revisar el resultado
Ejecuta la herramienta y copia o descarga el resultado solo después de revisarlo.
Examples
Ejemplo de Contrast Checker
- Input
- Entrada de ejemplo
- Output
- Salida revisada en el navegador.
Practical tips
- Empieza con una muestra pequeña cuando el contenido sea grande.
- Los anuncios se mantienen fuera de los controles y resultados principales.
FAQ
¿Qué entrada debo usar con Contrast Checker?
Usa valores que coincidan con la tarea visible y ajusta las opciones antes de ejecutar.
¿Puedo copiar el resultado de Contrast Checker?
Sí. Revisa el resultado y luego cópialo o descárgalo cuando sea correcto.
¿Contrast Checker funciona en móvil?
Sí. La entrada, las opciones y el resultado se apilan en pantallas pequeñas.
¿Se envía mi entrada a un servidor?
No. La herramienta está diseñada para procesar la entrada en el navegador.