Par
#1a1a1a sobre #ffffff
Resultado
21:1 (AAA superado)
Herramientas de diseño
Comprobador de contraste por lotes — Comprobaciones WCAG de múltiples pares
Comprueba el contraste WCAG de muchos pares primer plano/fondo a la vez. Consulta los niveles AA/AAA y las vistas previas de texto: útil para auditorías de sistemas de diseño, lotes de colores de marca y revisiones de accesibilidad.
ContrasteWCAGAccesibilidad
Añadir esta herramienta a favoritos
No se ha seleccionado un modo de almacenamiento de favoritos.
Acciones rápidas
Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.
设计配色
Comprobador de contraste por lotes
颜色配对
检查结果
添加颜色配对后显示批量对比度结果。
Casos de uso
- Audita pares de color de un sistema de diseño
- Comprueba el contraste de colores de marca por lotes
- Revisa la accesibilidad de los colores de texto
Cómo usar
- Añade pares primer plano/fondo
- Revisa las relaciones y los niveles WCAG
- Ajusta los pares que fallan y vuelve a comprobar
Entrada y salida de ejemplo
FAQ
¿Cuál es la diferencia entre WCAG AA y AAA?
AA necesita al menos 4,5:1 para texto normal y 3:1 para texto grande. AAA es más estricto: 7:1 normal y 4,5:1 grande.
¿En qué se diferencia del comprobador de un solo par?
Esta herramienta comprueba muchos pares en paralelo. La de un solo par es mejor para afinar un primer plano y un fondo concretos.
Herramientas
Herramientas relacionadas
Continúa con otra herramienta traducida para una tarea cercana.
Comprobador de contraste de color
Comprobador de contraste de color — WCAG AA/AAA
Calcula el contraste entre primer plano y fondo con las reglas WCAG 2.0 y comprueba AA/AAA para texto normal y grande. Útil para paletas accesibles y revisión de legibilidad en interfaces web.
Contraste WCAG Accesibilidad
Armonizador de color
Armonizador de color — Reglas clásicas de armonía
Elige un color base y genera esquemas con reglas complementaria, análoga, triádica, tetradítica, complementaria dividida o monocromática. Previsualiza el uso en la interfaz y exporta variables CSS para trabajo de marca y componentes.
Paleta Color Armonía
Conversor de color
Conversor de color — HEX, RGB y HSL en línea
Convierte colores entre HEX, RGB, HSL, HWB, CMYK y variables CSS en tu navegador. Incluye un selector de color y un generador de colores aleatorios para entregas de diseño, trabajo con hojas de estilos y alineación de colores de marca.
Color HEX RGB