Comprobador de contraste

Compruebe la relación de contraste WCAG entre un color de primer plano y un color de fondo.

La herramienta calcula la luminancia relativa de ambos colores hexadecimales, informa la relación de contraste y indica si el par supera los umbrales AA y AAA para texto normal y grande.

Umbrales

• AA texto normal: 4,5:1
• AA texto grande: 3:1
• AAA texto normal: 7:1
• AAA texto grande: 4,5:1

Es un cálculo solo en el navegador, pensado para revisiones de diseño y accesibilidad.

Cuándo usarlo

Elija colores de texto y fondo durante el diseño de la interfaz, verifique etiquetas de botones sobre cabeceras tintadas y documente las decisiones de contraste antes de entregar a ingeniería. Los valores hex inválidos devuelven un error claro en lugar de una relación engañosa.

Limitaciones

Los resultados dependen de los valores introducidos y de la aritmética del navegador; no están auditados para cumplimiento normativo. Entradas muy grandes, redondeos según el idioma o casos límite pueden diferir de hojas de cálculo o implementaciones en servidor.

Ejemplo

Introduzca los valores de muestra por defecto del formulario y compare la salida con una referencia conocida; ajuste una entrada cada vez para ver cómo cambia el resultado.

Esta skill está disponible por A2A JSON-RPC y REST. Si ya conoce el skillId y el export, llame a execute directamente—sin descubrimiento.

Ejemplo REST

curl -sS -X POST https://toolplaza.app/api/helpers/execute \
  -H 'Content-Type: application/json' \
  -d '{"skillId":"colors__contrast-checker","export":"calculateContrastRatio","args":["#000000","#ffffff"]}'

Ejemplo A2A JSON-RPC

Send POST https://toolplaza.app/api/a2a with:

{
  "jsonrpc": "2.0",
  "id": "1",
  "method": "message/send",
  "params": {
    "message": {
      "messageId": "uuid",
      "role": "user",
      "parts": [
        {
          "kind": "text",
          "text": "ignored"
        }
      ]
    },
    "metadata": {
      "toolplaza": {
        "skillId": "colors__contrast-checker",
        "export": "calculateContrastRatio",
        "args": [
          "#000000",
          "#ffffff"
        ]
      }
    }
  }
}

Guía completa de la API de agentes · Esquema de la skill