Verificador de Contraste de Color
Relación de contraste WCAG para dos colores.
| Estándar | Texto normal | Texto grande |
|---|---|---|
| WCAG AA | — | — |
| WCAG AAA | — | — |
¿Elegir colores? Conversor de color · bios sociales: Generador de texto elegante · escalas: Generador de tonos de color.
Cómo usar
Elige un color de texto y un color de fondo. La relación de contraste y el resultado aprobado/fallido para cada nivel WCAG se actualizan en vivo, con una vista previa.
Preguntas frecuentes
¿Para qué puedo usar el Color Contrast Checker?
Color Contrast Checker es útil cuando necesitas comprobar la relación de contraste entre el texto y los colores de fondo frente a los estándares de accesibilidad WCAG AA y AAA, con una vista previa en directo. Está pensado para revisiones rápidas, flujos de trabajo cotidianos y tareas prácticas donde un resultado rápido basado en navegador es suficiente.
¿Cómo uso correctamente el Color Contrast Checker?
Pega el número, el ID, el código o el valor exactamente como quieres que lo revisen. Mantén letras y dígitos significativos, pero elimina caracteres accidentales extra a menos que la página diga que están permitidos.
¿Qué entrada necesita el Color Contrast Checker?
Usa los campos que aparecen en la herramienta y mantén la entrada cerca del caso real que quieres resolver. Si la página incluye ejemplos o presets, empieza con esos para entender el formato esperado.
¿Qué resultado me da el Color Contrast Checker?
La herramienta devuelve un resultado de aprobado/suspenso, el tipo detectado y una breve explicación de la regla o suma de comprobación que se comprobó. En la mayoría de los casos, la salida se actualiza instantáneamente y puede copiarse, descargarse o usarse como referencia para tu siguiente paso.
¿Qué precisión tiene el Color Contrast Checker?
La comprobación se basa en reglas de formato público, matemáticas de suma de comprobación o validación de patrones. Un resultado válido no prueba que el número, cuenta, documento o identificador exista en una base de datos real.
¿Se suben mis datos cuando uso el Color Contrast Checker?
La herramienta está diseñada para ejecutarse en tu navegador, por lo que las entradas ordinarias se procesan localmente a menos que una página indique explícitamente que necesita una consulta en línea.
¿Qué errores comunes debería evitar con el Color Contrast Checker?
Evita pegar espacios ocultos, dígitos de control faltantes, prefijos de país incorrectos o valores de ejemplo que no representen registros reales.
¿En qué tareas relacionadas puede ayudar Color Contrast Checker?
Color Contrast Checker está pensado para casos de uso relacionados con el "color contrast checker" y necesidades cercanas como el "contraste wcag". Para obtener mejores resultados, sigue las etiquetas, ejemplos y opciones en la página.
¿Cuáles son los límites del Color Contrast Checker?
Verifica la estructura pública del valor, no las bases de datos privadas. Pasar la validación no confirma la propiedad, el equilibrio, la identidad ni el estatus en el mundo real.
¿Cuándo debería comprobar dos veces la salida del Color Contrast Checker?
Revisa dos veces la salida antes de depender de ella para control de acceso, cumplimiento, pagos, comprobaciones de identidad o seguridad en producción.