Controllo del contrasto dei colori

Calcola il contrasto di due colori opachi e le soglie per il testo WCAG 2.2 AA/AAA.

Questa pagina mostra gli strumenti disponibili in questa lingua nell’ambito attuale. Non significa che ogni strumento del sito sia tradotto in tutte le lingue.

HEX a 3/4/6/8 cifre; RGB 0–255 o percentuali; HSL con tonalità 0–360 e saturazione/luminosità 0–100%. Usa le virgole e un valore alfa 0–1. Il contrasto accetta solo colori opachi.

WCAG 2.2: AA richiede 4.5:1 per il testo normale e 3:1 per quello grande; AAA richiede 7:1 e 4.5:1. Il testo grande è di 18pt o 14pt in grassetto. Il giudizio usa il rapporto non arrotondato; non è una certificazione di accessibilità.

Come si usa

Inserisci colori opachi per testo e sfondo e calcola. Leggi il rapporto e il risultato di ogni soglia in base alla dimensione effettiva del testo.

Prova un esempio

Il nero #000000 sul bianco #FFFFFF dà 21:1; lo stesso colore su sé stesso dà 1:1.

Supporto e limiti

WCAG 2.2: AA richiede 4.5:1 per il testo normale e 3:1 per quello grande; AAA richiede 7:1 e 4.5:1. Grande significa 18pt o 14pt in grassetto. Le decisioni usano il rapporto non arrotondato; la visualizzazione arrotonda a quattro decimali. Riferimenti W3C: Understanding SC 1.4.3 e SC 1.4.6.

Domande frequenti

Un risultato superato significa che un sito soddisfa pienamente WCAG?

No. Viene controllato soltanto il rapporto di contrasto di due colori. Font, immagini, stati interattivi e altri requisiti di accessibilità richiedono una verifica separata.

Strumenti correlati