← Todos los plugins

Verificador de contraste

WCAG 2.2 y APCA para cada texto, borde e ícono, contra lo que de verdad hay detrás, en cada modo de variables, corregido en el lugar.

Prueba la versión web gratis: Verificador de contraste →

Qué hace

El Verificador de contraste mide cada capa de texto contra los colores que de verdad están pintados detrás: superposiciones, opacidad, degradados y rellenos apilados se combinan, no se adivinan. Después corrige lo que falla, con un clic o todo de una vez.

La mayoría de los verificadores revisan un par a la vez y redondean 4.49 a aprobado. Este revisa toda la selección, la página o el archivo, trunca en vez de redondear y revisa el texto vinculado a variables en cada modo, así que un color que pasa en claro pero falla en oscuro se detecta antes de publicarlo.

  1. Encuentra lo que falla. Corrígelo en un clic.

    Cada texto, borde e ícono, medido contra lo que de verdad hay detrás.

  2. En claro pasa. En oscuro no. Ahora lo sabes.

    El texto vinculado a variables se revisa en cada modo de su colección.

  3. WCAG 2.2 y APCA, lado a lado

    Cambia el estándar y cada veredicto, proporción y corrección lo siguen.

  4. Dos colores cualesquiera, o dos capas

    Pones un hex y obtienes el veredicto para texto, texto grande e interfaz, con el color más cercano que pasa.

  5. Correcciones que respetan tu design system

    Vincula el token más cercano que pasa en lugar de dejar un hex suelto.

Todo lo que hace

Mide

  • WCAG AA y AAA, sin redondear hacia arriba
  • APCA Lc al lado, o como estándar
  • Bordes e íconos a 3:1
  • Cada modo de variables: claro, oscuro, alto contraste

Corrige

  • El color más cercano que pasa, mismo tono
  • El token más cercano de tu colección que pasa, vinculado
  • Corrige todo con un solo deshacer

A tu manera

  • Selección, página o todas las páginas
  • Modo de dos colores con selector de capas
  • Marcas en el lienzo, CSV y JSON

10 usos gratis, luego una licencia o Lab Pro. Ver precios →

Más plugins