Color Contrast Checker
Check WCAG AA/AAA contrast ratio between two colors
Acerca de esta calculadora
El Verificador de contraste de color calcula la razón de contraste WCAG 2.x entre un color de primer plano y uno de fondo usando la fórmula de luminancia relativa (L1 + 0.05) / (L2 + 0.05). Acepta entrada #rgb, #rrggbb y rgb(r,g,b), e informa la razón exacta, la luminancia de ambos colores y los indicadores de aprobado/suspenso para AA y AAA en los umbrales de texto normal (4.5:1 / 7:1) y texto grande (3:1 / 4.5:1). Los colores inválidos devuelven un error. Esencial para el diseño web accesible.
Cómo usar la herramienta de Color Contrast Checker
- Introduce o pega tu entrada en el campo.
- Lee la salida — se actualiza al instante mientras escribes.
- Ajusta las opciones, si las hay, según tu caso de uso.
- Copia la URL de la página para compartir el resultado exacto.
Ejemplos comunes
- #000000 sobre #ffffff → 21,0000:1 — pasa todos los niveles AA y AAA
- #777777 sobre #ffffff → 4,4781:1 — falla AA de texto normal por muy poco, pasa AA de texto grande
- #0066cc sobre #ffffff → 5,5666:1 — pasa AA, falla AAA de texto normal
- #ffcc00 sobre #333333 → 8,3564:1 — pasa AAA para todos los tamaños de texto
Preguntas frecuentes
¿Cómo funciona la herramienta de Color Contrast Checker?
Introduce o pega tu entrada y la herramienta la procesa directamente en tu navegador, mostrando el resultado de inmediato. Nada de lo que escribes se sube a un servidor — todo el cálculo ocurre en tu dispositivo.
¿Cuándo usaría la herramienta de Color Contrast Checker?
Es práctica para tareas de desarrollo, depuración, diseño y administración — siempre que necesites esta transformación o comprobación hecha rápidamente sin instalar nada ni confiar tus datos a un servicio de terceros.
¿Qué fiabilidad tienen los resultados?
La herramienta implementa directamente el estándar o la especificación relevante, así que su salida coincide con la que produce el software conforme. Los casos límite, como entradas vacías o mal formadas, se informan con claridad en lugar de fallar en silencio.
¿Puedo compartir un resultado específico con otra persona?
Sí. Tu entrada actualiza la URL, así que copiar la barra de direcciones y compartir el enlace reabre la herramienta en el mismo estado para quien haga clic.