Verificador de Contraste de Color
Verifique el cumplimiento del contraste de color WCAG para accesibilidad
Verifique el cumplimiento del contraste de color WCAG para accesibilidad
- Prepara la entrada
Elige las opciones adecuadas con los controles de abajo.
- Ejecuta la tarea
Ajusta los controles de abajo y revisa la vista previa.
- Usa el resultado
Comprueba el resultado y usa las opciones disponibles para copiar o descargar.
Dos colores RGB hex opacos. La visualización se redondea; los umbrales usan el valor completo. Tamaños en puntos. No es una auditoría de accesibilidad de la página.
Selección de Color
Vista Previa en Vivo
The quick brown fox jumps over the lazy dog
Relación de Contraste 21.00:1
WCAG AA
CumpleTexto Normal (4.5:1)
CumpleTexto Grande (3:1)
CumpleComponentes UI (3:1)
WCAG AAA
CumpleTexto Normal (7:1)
CumpleTexto Grande (4.5:1)
Texto seleccionado: AAA
Información de Color
Foreground
HEX:#000000
RGB:0, 0, 0
Luminance:0.00%
Background
HEX:#FFFFFF
RGB:255, 255, 255
Luminance:100.00%
Pares Comunes
Safe Combinations (High Contrast)
Common Combinations
Verificador de Contraste de Color
Verificador de contraste WCAG para accesibilidad web. Pruebe combinaciones de colores para cumplimiento AA y AAA.
Características
- Dos colores RGB hex opacos. La visualización se redondea; los umbrales usan el valor completo. Tamaños en puntos. No es una auditoría de accesibilidad de la página.
Cómo usar
- Introduzca un color hex de 3 o 6 dígitos, como #777777.
- Tamaño de Texto
- Relación de Contraste