Verifica del contrasto dei colori

Controlla il rapporto di contrasto WCAG AA/AAA tra due colori

Informazioni su questo calcolatore

Lo strumento Verifica del contrasto dei colori calcola il rapporto di contrasto WCAG 2.x tra un colore di primo piano e uno di sfondo usando la formula della luminanza relativa (L1 + 0,05) / (L2 + 0,05). Accetta input #rgb, #rrggbb e rgb(r,g,b) e riporta il rapporto esatto, la luminanza di entrambi i colori e l'esito superato/non superato per i livelli AA e AAA alle soglie per testo normale (4,5:1 / 7:1) e per testo grande (3:1 / 4,5:1). I colori non validi restituiscono un errore. Indispensabile per un web design accessibile.

Come usare lo strumento Verifica del contrasto dei colori

  1. Inserisci o incolla il tuo input nel campo.
  2. Leggi l'output: si aggiorna subito mentre scrivi.
  3. Regola le eventuali opzioni in base alle tue esigenze.
  4. Copia l'URL della pagina per condividere esattamente questo risultato.

Esempi comuni

  • #000000 su #ffffff → 21,0000:1: supera tutti i livelli AA e AAA
  • #777777 su #ffffff → 4,4781:1: non supera AA per testo normale per un soffio, supera AA per testo grande
  • #0066cc su #ffffff → 5,5666:1: supera AA, non supera AAA per testo normale
  • #ffcc00 su #333333 → 8,3564:1: supera AAA per tutte le dimensioni del testo

Domande frequenti

Come funziona lo strumento Verifica del contrasto dei colori?

Inserisci o incolla il tuo input e lo strumento lo elabora direttamente nel browser, mostrando subito il risultato. Nulla di ciò che scrivi viene caricato su un server: l'intero calcolo avviene sul tuo dispositivo.

Quando usare lo strumento Verifica del contrasto dei colori?

È comodo per sviluppo, debug, design e amministrazione di sistemi, ogni volta che ti serve questa trasformazione o verifica in modo rapido, senza installare nulla né affidare i tuoi dati a un servizio di terze parti.

Quanto sono affidabili i risultati?

Lo strumento implementa direttamente lo standard o la specifica di riferimento, quindi il suo output coincide con quello prodotto da software conformi. I casi limite, come input vuoti o malformati, vengono segnalati chiaramente invece di fallire in silenzio.

Posso condividere un risultato specifico con qualcun altro?

Sì. Il tuo input aggiorna l'URL: copiando la barra degli indirizzi e condividendo il link, chiunque lo apra ritrova lo strumento nello stesso stato.