Verificador de contraste de color (WCAG)

Comprueba las relaciones de contraste de color WCAG 2.1 AA/AAA para texto, texto grande y componentes de UI. Vistas previas en vivo, referencia APCA, buscador de pares accesibles y favoritos.

Actualizado

Share:
Home/Color Contrast Checker (WCAG)

Color Contrast Checker (WCAG)

Check color contrast ratios against WCAG 2.1 AA/AAA guidelines. Pick foreground and background colors, preview live text samples, and find accessible pairs.

Foreground
Text

Background
Surface

Contrast ratio

14.68:1

APCA Lc 101.5 (reference)

AAA

AA Normal text

Requires 4.5:1

Pass

AA Large text

Requires 3:1

Pass

AAA Normal text

Requires 7:1

Pass

AAA Large text

Requires 4.5:1

Pass

AA UI Components

Requires 3:1

Pass

Preguntas Frecuentes

¿Qué relación necesito?

WCAG 2.1 AA exige 4.5:1 para texto normal y 3:1 para texto grande (18pt o 14pt en negrita). AAA exige 7:1 y 4.5:1. Los componentes de la interfaz necesitan >= 3:1.

¿Cómo se calcula la relación?

El sRGB se corrige por gamma a lineal y luego la luminancia relativa = 0.2126R + 0.7152G + 0.0722B. Relación = (L1 + 0.05) / (L2 + 0.05), donde L1 es el más claro.

¿Qué es APCA?

Accessible Perceptual Contrast Algorithm (para WCAG 3): tiene en cuenta el grosor del texto, la polaridad y la frecuencia espacial. Se muestra como referencia; las relaciones de WCAG 2 siguen siendo el estándar normativo hoy en día.

¿El Color Contrast Checker (WCAG) es gratis?

Sí, el Color Contrast Checker (WCAG) es 100% gratis, sin registro, sin tarifas ocultas y sin límites de uso. Todo el procesamiento se realiza localmente en tu navegador, garantizando una privacidad total.

¿Mis datos están seguros con esta herramienta?

Por supuesto. El Color Contrast Checker (WCAG) procesa todo en el lado del cliente, dentro de tu navegador. No se sube ni se almacena ningún dato en ningún servidor. Tu contenido permanece privado en tu dispositivo en todo momento.

¿El Color Contrast Checker (WCAG) funciona en dispositivos móviles?

Sí, el Color Contrast Checker (WCAG) es totalmente adaptable y funciona en smartphones y tablets. Puedes usarlo en cualquier dispositivo con un navegador web moderno, sin necesidad de descargar ninguna app.

¿Necesito crear una cuenta para usar esta herramienta?

No se necesita ninguna cuenta ni registro. Simplemente abre el Color Contrast Checker (WCAG) en tu navegador y empieza a usarlo de inmediato. No hay muros de registro ni restricciones de uso.

¿Qué lenguajes de programación o formatos admite?

El Color Contrast Checker (WCAG) admite una amplia gama de formatos y lenguajes populares. Consulta la interfaz de la herramienta para ver la lista completa de opciones disponibles.

¿Cómo uso el Color Contrast Checker (WCAG)?

Solo tienes que introducir tu entrada en el campo indicado, ajustar la configuración a tu gusto y la herramienta la procesará al instante. Después puedes copiar el resultado al portapapeles o descargarlo.

¿Qué navegadores son compatibles?

El Color Contrast Checker (WCAG) funciona en todos los navegadores modernos, incluidos Chrome, Firefox, Safari, Edge y Opera. Para una mejor experiencia, usa la última versión de tu navegador preferido.

Acerca de Verificador de contraste de color (WCAG)

Verificador de contraste de color (WCAG) es una herramienta gratuita que funciona en el navegador, dentro de nuestra colección de Herramientas para desarrolladores. Todo se ejecuta localmente en tu dispositivo: sin subir archivos, sin registro y con tus datos siempre privados.

color contrast checkerwcagaccessibilitya11ycontrast ratioaa aaaapcafree color contrast checker (wcag)online color contrast checker (wcag)color contrast checker (wcag) online freebest color contrast checker (wcag)developer tool