// Strumenti · Testo
Color Contrast Checker.
Scegli un colore di testo e uno di sfondo: calcola subito il rapporto di contrasto WCAG e verifica se è accessibile.
Testo di esempio Aa
Testo di esempio più piccolo per verificare la leggibilità reale.
21.00 : 1
Rapporto di contrasto
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 interamente nel tuo browser: nessun dato viene mai caricato o salvato su un server.
Tool correlati
Domande frequenti
Cos'è il rapporto di contrasto WCAG?
È un numero da 1:1 (nessun contrasto, colori identici) a 21:1 (massimo contrasto, nero puro su bianco puro) che misura quanto un colore di testo si distingue dal suo sfondo, secondo le linee guida di accessibilità WCAG 2.1.
Cosa significano i livelli AA e AAA?
Sono i livelli di conformità WCAG 2.1 per il contrasto: AA è il livello minimo generalmente richiesto (anche da normative come la direttiva europea sull'accessibilità), AAA è un livello più stringente, consigliato per la massima leggibilità.
Cosa si intende per 'testo grande'?
Testo di almeno 18pt (circa 24px), oppure almeno 14pt (circa 18.66px) se in grassetto. Per il testo grande le soglie di contrasto richieste sono più basse (3:1 per AA, 4.5:1 per AAA) rispetto al testo normale.
Come viene calcolato esattamente il rapporto?
Si calcola la luminanza relativa di ciascun colore convertendo i canali RGB in sRGB lineare con la formula gamma prevista dallo standard, poi si applica (L1 + 0.05) / (L2 + 0.05), dove L1 è la luminanza del colore più chiaro e L2 quella del colore più scuro.
I colori che scelgo vengono inviati a un server?
No, il calcolo avviene interamente nel tuo browser con JavaScript: nessun dato viene mai inviato altrove.