ToolPal

Verificador de contraste de colores

Verifica ratios de contraste WCAG para accesibilidad. Comprueba cumplimiento AA y AAA para texto y colores de fondo.

Vista previa de texto grande

Vista previa de texto pequeño — esto es lo que leerán tus usuarios.

17.40

Ratio de contraste

Resultados WCAG 2.1

✓Texto normal AA (4.5:1)
✓Texto grande AA (3:1)
✓Texto normal AAA (7:1)
✓Texto grande AAA (4.5:1)

AA Normal: Contraste mínimo para texto normal (menos de 18pt/14pt negrita)

AAA Normal: Contraste mejorado para texto normal — mejor legibilidad

AA Large: Contraste mínimo para texto grande (18pt+ o 14pt+ negrita)

Cómo usar

Verifica ratios de contraste WCAG para accesibilidad. Comprueba cumplimiento AA y AAA para texto y colores de fondo.

  1. 1Enter or pick a foreground (text) color using the color picker or hex input.
  2. 2Enter or pick a background color the same way.
  3. 3The tool calculates the contrast ratio and displays it immediately.
  4. 4Check the WCAG AA and AAA pass/fail badges for normal text, large text, and UI components.
  5. 5Adjust either color until you meet the required WCAG standard.

Características

  • Calculates WCAG 2.1 contrast ratio between any two colors
  • Shows pass/fail status for AA and AAA levels across text sizes
  • Color picker and hex/RGB input for precise color selection
  • Instant feedback as you adjust colors without clicking any button

Preguntas frecuentes

Más información