◐

Verifica del contrasto dei colori

Controlla il rapporto di contrasto WCAG tra il colore del testo e quello dello sfondo con risultati AA/AAA.

I tuoi file restano su questo dispositivo

I file vengono elaborati nel browser, mai caricati su un server. Il sito scarica il codice e le risorse necessarie. Senza account né tracciamento.

Usa Scarica per salvare questo strumento in un unico file HTML da usare offline.

Privacy →

Colore del testo

Sfondo

Ma la volpe, col suo balzo, ha raggiunto il quieto Fido.

Testo di esempio grande

Prova un esempio svolto

Esempio

Imposta il colore del testo su #767676 e lo sfondo su #ffffff. Il rapporto è 4.54:1, che supera AA per il testo normale. Una tonalità più chiara, #777777, dà 4.48:1 e non passa, perché AA richiede almeno 4,5:1 per il testo normale.

Da ricordare

Il testo grande (circa 24px, o 18,7px in grassetto) richiede solo 3:1 per AA. Il rapporto non considera font sottili, testo sopra immagini e trasparenze, quindi controlla anche il design reale e non affidare un significato al solo colore.

Informazioni su questo strumento

Confronta un colore di primo piano e uno di sfondo per vedere il rapporto di contrasto WCAG e se supera i livelli AA e AAA, tutto calcolato localmente nel tuo browser.

Domande frequenti

Cosa si considera testo grande?

Le WCAG considerano grande il testo da 18pt (24px) o da 14pt (18,66px) in grassetto, che richiede un rapporto inferiore di 3:1 per il livello AA.

Quali rapporti superano la verifica?

Il testo normale richiede 4,5:1 per AA e 7:1 per AAA; il testo grande richiede 3:1 per AA e 4,5:1 per AAA.