Controllo contrasto

Verificate il rapporto di contrasto WCAG tra un colore di primo piano e uno di sfondo.

Lo strumento calcola la luminanza relativa di entrambi i colori esadecimali, riporta il rapporto di contrasto e indica se la coppia supera le soglie AA e AAA per testo normale e testo grande.

Soglie

• AA testo normale: 4,5:1
• AA testo grande: 3:1
• AAA testo normale: 7:1
• AAA testo grande: 4,5:1

Il calcolo avviene solo nel browser, per controlli di design e revisioni di accessibilità.

Quando usarlo

Scegliete colori di testo e sfondo durante la progettazione UI, verificate le etichette dei pulsanti su intestazioni colorate e documentate le decisioni sul contrasto prima del passaggio agli sviluppatori. Valori hex non validi restituiscono un errore chiaro invece di un rapporto fuorviante.

Limiti

I risultati dipendono dai valori inseriti e dalla matematica del browser; non sono sottoposti ad audit di conformità normativa. Input molto grandi, arrotondamenti legati alla lingua o casi limite possono differire da fogli di calcolo o implementazioni lato server.

Esempio

Inserite i valori di esempio predefiniti del modulo e confrontate l’output con un riferimento noto; regolate un input alla volta per vedere come cambia il risultato.

Questa skill è disponibile via A2A JSON-RPC e REST. Se conosci già skillId ed export, chiama execute direttamente—senza discovery.

Esempio 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"]}'

Esempio 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"
        ]
      }
    }
  }
}

Guida completa Agent API · Schema della skill