Ir al contenido

Guía de funciones

Comprobador de contraste accesible

Antes de que una paleta llegue a un producto, el Laboratorio de paletas muestra qué pares cumplen el contraste WCAG para texto, qué colores cuesta distinguir con alteraciones de la visión del color y cómo quedan en una UI real.

Pro Incluido en ColorSnapr Pro Actualizado:

Comprobador de contraste accesible

Lo esencial

  • Matriz de contraste: cada par fondo × texto con su ratio y resultado AA / AA grande / AAA.
  • Conflictos de visión del color: pares difíciles de distinguir con protanopía, deuteranopía o tritanopía.
  • Vista previa de UI: tu paleta aplicada a botones, tarjetas y texto.
  • Degradados suaves interpolados en Oklab.
  • Cada color guardado muestra también, gratis, su contraste con texto blanco y negro.

Cómo funciona

  1. 1 Abre una paleta y elige Laboratorio de paletas.
  2. 2 Consulta la pestaña Accesibilidad: las celdas enmarcadas cumplen AA para texto normal.
  3. 3 Cambia a Vista previa o Degradado, ajusta colores y vuelve a comprobar.

Preguntas

¿Qué umbrales WCAG se usan?

4,5:1 para texto normal (AA), 3:1 para texto grande (AA grande) y 7:1 para AAA, según WCAG 2.

¿El Laboratorio de paletas es gratis?

El Laboratorio de paletas forma parte de ColorSnapr Pro. El contraste con texto blanco y negro de cada color guardado es gratis.

Pruébalo en tu móvil: ColorSnapr se descarga gratis.